session-desktop/stylesheets/_hourglass.scss
lilia 859d49b3f4
Use relative paths
// FREEBIE
2017-09-14 16:53:34 -07:00

24 lines
485 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);
}
}