Initial commit
This commit is contained in:
40
assets/scss/argon-design-system/docs/clipboard-js.scss
Normal file
40
assets/scss/argon-design-system/docs/clipboard-js.scss
Normal file
@@ -0,0 +1,40 @@
|
||||
// clipboard.js
|
||||
//
|
||||
// JS-based `Copy` buttons for code snippets.
|
||||
|
||||
.ct-clipboard {
|
||||
position: relative;
|
||||
display: none;
|
||||
float: right;
|
||||
|
||||
+ .highlight {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-clipboard {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
z-index: 10;
|
||||
display: block;
|
||||
padding: .25rem .5rem;
|
||||
font-size: 75%;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
border-radius: .25rem;
|
||||
color: #fff;
|
||||
background-color: $ct-primary;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: darken($ct-primary, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.ct-clipboard {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user