resources/src/mediawiki.less/mediawiki.mixins.rotation.less

   1 // This is a separate file because importing the mixin causes
   2 // the keyframes blocks to be included in the output, regardless
   3 // of whether .rotation is used.
   4 @import "mediawiki.mixins.animation";
   5
   6 .rotate-frames () {
   7         from {
   8                 .transform-rotate(0deg);
   9         }
  10         to {
  11                 .transform-rotate(360deg);
  12         }
  13 }
  14
  15 @-webkit-keyframes rotate {
  16         .rotate-frames;
  17 }
  18
  19 @-moz-keyframes rotate {
  20         .rotate-frames;
  21 }
  22
  23 @-o-keyframes rotate {
  24         .rotate-frames;
  25 }
  26
  27 @keyframes rotate {
  28         .rotate-frames;
  29 }
  30
  31 .rotation( @time ) {
  32         .animation(rotate, @time, infinite, linear);
  33 }