123456789101112131415161718192021222324 |
- @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);
- }
- }
|