git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/scss/_extras.scss

   1 /* EXTRAS
   2  * -------------------------- */
   3
   4 /* Stacked and layered icon */
   5
   6 /* Animated rotating icon */
   7 .#{$fa-css-prefix}-spin {
   8   -webkit-animation: spin 2s infinite linear;
   9   -moz-animation: spin 2s infinite linear;
  10   -o-animation: spin 2s infinite linear;
  11   animation: spin 2s infinite linear;
  12 }
  13
  14 @-moz-keyframes spin {
  15   0% { -moz-transform: rotate(0deg); }
  16   100% { -moz-transform: rotate(359deg); }
  17 }
  18 @-webkit-keyframes spin {
  19   0% { -webkit-transform: rotate(0deg); }
  20   100% { -webkit-transform: rotate(359deg); }
  21 }
  22 @-o-keyframes spin {
  23   0% { -o-transform: rotate(0deg); }
  24   100% { -o-transform: rotate(359deg); }
  25 }
  26 @-ms-keyframes spin {
  27   0% { -ms-transform: rotate(0deg); }
  28   100% { -ms-transform: rotate(359deg); }
  29 }
  30 @keyframes spin {
  31   0% { transform: rotate(0deg); }
  32   100% { transform: rotate(359deg); }
  33 }
  34
  35
  36 // Icon rotations & flipping
  37 // -------------------------
  38
  39 .#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
  40 .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
  41 .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
  42
  43 .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
  44 .#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }