/ src / styles / spinners.styl
spinners.styl
 1  .spin {
 2      -webkit-animation:spin 4s linear infinite;
 3      -moz-animation:spin 4s linear infinite;
 4      animation:spin 4s linear infinite;
 5  }
 6  
 7  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 8  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
 9  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
10  @-ms-keyframes spin {
11    from { -ms-transform: rotate(0deg); }
12    to { -ms-transform: rotate(360deg); }
13  }
14  @-moz-keyframes spin {
15    from { -moz-transform: rotate(0deg); }
16    to { -moz-transform: rotate(360deg); }
17  }
18  @-webkit-keyframes spin {
19    from { -webkit-transform: rotate(0deg); }
20    to { -webkit-transform: rotate(360deg); }
21  }
22  @keyframes spin {
23    from {
24      transform:rotate(0deg);
25    }
26    to {
27      transform:rotate(360deg);
28    }
29  }
30  
31  .spinslow {
32      -webkit-animation:spin 32s linear infinite;
33      -moz-animation:spin 32s linear infinite;
34      animation:spin 32s linear infinite;
35  }
36  
37  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
38  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
39  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
40  @-ms-keyframes spin {
41    from { -ms-transform: rotate(0deg); }
42    to { -ms-transform: rotate(360deg); }
43  }
44  @-moz-keyframes spin {
45    from { -moz-transform: rotate(0deg); }
46    to { -moz-transform: rotate(360deg); }
47  }
48  @-webkit-keyframes spin {
49    from { -webkit-transform: rotate(0deg); }
50    to { -webkit-transform: rotate(360deg); }
51  }
52  @keyframes spin {
53    from {
54      transform:rotate(0deg);
55    }
56    to {
57      transform:rotate(360deg);
58    }
59  }