fd3059b380
open #208 Unit tested in both themes; .s-icon-btn refactored slightly to focus on usage as an icon-only element, removed overlap designations with .s-btn in markup; Colors normalized for theming; Code cleanup;
33 lines
599 B
SCSS
33 lines
599 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: 1em;
|
|
}
|
|
}
|
|
|
|
.value {
|
|
color: pullForward($colorBodyFg, 50%);
|
|
font-weight: 400;
|
|
.direction {
|
|
font-size: 0.8em;
|
|
}
|
|
}
|
|
}
|