@include namespace('icon') { @keyframes fall { to { transform: translateY(105vh) rotate(90deg); } } @include object(namespace()) { display: block; width: 1em; height: 1em; stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; @include modifier('inline') { display: inline-block; vertical-align: -.1em; } @include modifier('snow') { position: fixed; z-index: 1000; top: -1.2em; width: 1em; height: 1em; animation: fall linear forwards; stroke-width: 2px; color: #fff; pointer-events: none; } } }