Sha256: c3a31109d9282ea96e7c365ce31814e1a85366e3c57f8da5aa0ad2f65d7f7a8a
Contents?: true
Size: 1.32 KB
Versions: 22
Compression:
Stored size: 1.32 KB
Contents
$mu-clipboard-background-color: darken($mu-color-component-title-background, 10%);
pre {
position: relative;
border: $mu-component-border;
border-width: 1px;
.mu-clipboard {
font-size: 85%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 1;
border-bottom-left-radius: 10px;
border-left: $mu-component-border;
border-left-width: 1px;
border-bottom: $mu-component-border;
border-bottom-width: 1px;
height: 2em;
width: 2em;
color: $mu-color-primary;
top: 0;
right: 0;
background-color: $mu-clipboard-background-color;
overflow: hidden;
span {
margin-left: 0.25em;
font-family: $mu-font-family;
display: none;
}
&:hover {
background-color: darken($mu-clipboard-background-color, 10%);
width: 8em;
animation-duration: 100ms;
animation-name: copySliderAnimation;
span {
display: block;
}
}
&.clicked {
font-weight: bold;
}
}
}
@mixin animation($name) {
@-webkit-keyframes #{$name} { @content; }
@-moz-keyframes #{$name} { @content; }
@-o-keyframes #{$name} { @content; }
@keyframes #{$name} { @content; }
}
@include animation(copySliderAnimation) {
from {
width: 2em;
}
to {
width: 8em;
}
}
Version data entries
22 entries across 22 versions & 1 rubygems