33 lines
600 B
SCSS
33 lines
600 B
SCSS
.l-time-display {
|
|
$transTime: 200ms;
|
|
line-height: 140%;
|
|
&:hover {
|
|
.l-btn.control {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&.l-timer {
|
|
.control {
|
|
@include trans-prop-nice((width, opacity), $transTime);
|
|
line-height: inherit;
|
|
margin-right: 0;
|
|
opacity: 0;
|
|
width: 0;
|
|
}
|
|
&:hover .control {
|
|
margin-right: $interiorMargin;
|
|
opacity: 1;
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
.value {
|
|
color: pullForward($colorBodyFg, 20%);
|
|
font-weight: 600;
|
|
.direction {
|
|
font-size: 0.8em;
|
|
}
|
|
}
|
|
}
|