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
  11         to {
  12                 .transform-rotate( 360deg );
  13         }
  14 }
  15
  16 @-webkit-keyframes rotate {
  17         .rotate-frames;
  18 }
  19
  20 @-moz-keyframes rotate {
  21         .rotate-frames;
  22 }
  23
  24 @keyframes rotate {
  25         .rotate-frames;
  26 }
  27
  28 .rotation( @time ) {
  29         .animation( rotate, @time, infinite, linear );
  30 }