session-desktop/stylesheets/_hourglass.scss
lilia 35270dbbb4 Use timeout-based animation for hourglasses
CSS animations are convenient but costly if you have hundreds of them.

Fixes #945
2016-10-30 16:53:17 +09:00

24 lines
481 B
SCSS

@mixin hourglass($color) {
display: inline-block;
position: relative;
@include color-svg('/images/hourglass_full.svg', transparent);
background-size: 100%;
&, .sand, &:before, &:after {
width: 13px;
height: 11px;
}
.sand, &:before, &:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.sand {
background: $color;
}
&:after {
@include color-svg('/images/hourglass_empty.svg', $color);
}
}