.htk-spinner { width: 1.8em; height: 1.8em; position: relative; display: inline-block; & > .spinner { left: 0; position: absolute; width: inherit; height: inherit; box-sizing: border-box; border-radius: 50%; border: 2px solid transparent; border-top-color: #666; border-left-color: #666; animation: spinner 1s linear infinite; -webkit-animation: spinner 1s linear infinite; } &.dark > .spinner { border-top-color: white; border-left-color: white; } } @keyframes spinner { to {transform: rotate(360deg);} } @-webkit-keyframes spinner { to {-webkit-transform: rotate(360deg);} }