Merge pull request #107 from tobiasahlin/move-patches-to-scss

Release 1.2.4
tobiasahlin · Nov 23, 2015 · 0d58e40 · 0d58e40
2 parents c570abe + e09b697
commit 0d58e40
Show file tree

Hide file tree

Showing 26 changed files with 226 additions and 221 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,8 @@
+# 1.2.4
+
+* Fixed: Borked gulp script (#106)
+* Fixed: Moved changes made in CSS, to SCSS
+
 # 1.2.3
 
 * Fixed: More exact (33% -> 33.33%) cube dimensions for cube grid spinner

diff --git a/css/spinkit.css b/css/spinkit.css
@@ -1,7 +1,7 @@
 /*
  *  Usage:
  *
-     <div class="sk-rotating-plane"></div>
+      <div class="sk-rotating-plane"></div>
  *
  */
 .sk-rotating-plane {

diff --git a/css/spinners/1-rotating-plane.css b/css/spinners/1-rotating-plane.css
@@ -1,7 +1,7 @@
 /*
  *  Usage:
  *
- *    <div class="sk-rotating-plane"></div>
+      <div class="sk-rotating-plane"></div>
  *
  */
 .sk-rotating-plane {

diff --git a/css/spinners/10-fading-circle.css b/css/spinners/10-fading-circle.css
@@ -1,20 +1,20 @@
 /*
  *  Usage:
  *
- *    <div class="sk-fading-circle">
- *      <div class="sk-circle1 sk-circle"></div>
- *      <div class="sk-circle2 sk-circle"></div>
- *      <div class="sk-circle3 sk-circle"></div>
- *      <div class="sk-circle4 sk-circle"></div>
- *      <div class="sk-circle5 sk-circle"></div>
- *      <div class="sk-circle6 sk-circle"></div>
- *      <div class="sk-circle7 sk-circle"></div>
- *      <div class="sk-circle8 sk-circle"></div>
- *      <div class="sk-circle9 sk-circle"></div>
- *      <div class="sk-circle10 sk-circle"></div>
- *      <div class="sk-circle11 sk-circle"></div>
- *      <div class="sk-circle12 sk-circle"></div>
- *    </div>
+      <div class="sk-fading-circle">
+        <div class="sk-circle1 sk-circle"></div>
+        <div class="sk-circle2 sk-circle"></div>
+        <div class="sk-circle3 sk-circle"></div>
+        <div class="sk-circle4 sk-circle"></div>
+        <div class="sk-circle5 sk-circle"></div>
+        <div class="sk-circle6 sk-circle"></div>
+        <div class="sk-circle7 sk-circle"></div>
+        <div class="sk-circle8 sk-circle"></div>
+        <div class="sk-circle9 sk-circle"></div>
+        <div class="sk-circle10 sk-circle"></div>
+        <div class="sk-circle11 sk-circle"></div>
+        <div class="sk-circle12 sk-circle"></div>
+      </div>
  *
  */
 .sk-fading-circle {

diff --git a/css/spinners/11-folding-cube.css b/css/spinners/11-folding-cube.css
@@ -1,12 +1,12 @@
 /*
  *  Usage:
  *
- *    <div class="sk-folding-cube">
- *      <div class="sk-cube1 sk-cube"></div>
- *      <div class="sk-cube2 sk-cube"></div>
- *      <div class="sk-cube4 sk-cube"></div>
- *      <div class="sk-cube3 sk-cube"></div>
- *    </div>
+      <div class="sk-folding-cube">
+        <div class="sk-cube1 sk-cube"></div>
+        <div class="sk-cube2 sk-cube"></div>
+        <div class="sk-cube4 sk-cube"></div>
+        <div class="sk-cube3 sk-cube"></div>
+      </div>
  *
  */
 .sk-folding-cube {

diff --git a/css/spinners/2-double-bounce.css b/css/spinners/2-double-bounce.css
@@ -1,10 +1,10 @@
 /*
  *  Usage:
  *
- *    <div class="sk-double-bounce">
- *      <div class="sk-child sk-double-bounce1"></div>
- *      <div class="sk-child sk-double-bounce2"></div>
- *    </div>
+      <div class="sk-double-bounce">
+        <div class="sk-child sk-double-bounce1"></div>
+        <div class="sk-child sk-double-bounce2"></div>
+      </div>
  *
  */
 .sk-double-bounce {

diff --git a/css/spinners/3-wave.css b/css/spinners/3-wave.css
@@ -1,13 +1,13 @@
 /*
  *  Usage:
  *
- *    <div class="sk-wave">
- *      <div class="sk-rect sk-rect1"></div>
- *      <div class="sk-rect sk-rect2"></div>
- *      <div class="sk-rect sk-rect3"></div>
- *      <div class="sk-rect sk-rect4"></div>
- *      <div class="sk-rect sk-rect5"></div>
- *    </div>
+      <div class="sk-wave">
+        <div class="sk-rect sk-rect1"></div>
+        <div class="sk-rect sk-rect2"></div>
+        <div class="sk-rect sk-rect3"></div>
+        <div class="sk-rect sk-rect4"></div>
+        <div class="sk-rect sk-rect5"></div>
+      </div>
  *
  */
 .sk-wave {

diff --git a/css/spinners/4-wandering-cubes.css b/css/spinners/4-wandering-cubes.css
@@ -1,10 +1,10 @@
 /*
  *  Usage:
  *
- *    <div class="sk-wandering-cubes">
- *      <div class="sk-cube sk-cube1"></div>
- *      <div class="sk-cube sk-cube2"></div>
- *    </div>
+      <div class="sk-wandering-cubes">
+        <div class="sk-cube sk-cube1"></div>
+        <div class="sk-cube sk-cube2"></div>
+      </div>
  *
  */
 .sk-wandering-cubes {

diff --git a/css/spinners/5-pulse.css b/css/spinners/5-pulse.css
@@ -1,7 +1,7 @@
 /*
  *  Usage:
  *
- *    <div class="sk-spinner sk-spinner-pulse"></div>
+      <div class="sk-spinner sk-spinner-pulse"></div>
  *
  */
 .sk-spinner-pulse {

diff --git a/css/spinners/6-chasing-dots.css b/css/spinners/6-chasing-dots.css
@@ -1,10 +1,10 @@
 /*
  *  Usage:
  *
- *    <div class="sk-chasing-dots">
- *      <div class="sk-child sk-dot1"></div>
- *      <div class="sk-child sk-dot2"></div>
- *    </div>
+      <div class="sk-chasing-dots">
+        <div class="sk-child sk-dot1"></div>
+        <div class="sk-child sk-dot2"></div>
+      </div>
  *
  */
 .sk-chasing-dots {

diff --git a/css/spinners/7-three-bounce.css b/css/spinners/7-three-bounce.css
@@ -1,11 +1,11 @@
 /*
  *  Usage:
  *
- *    <div class="sk-three-bounce">
- *      <div class="sk-child sk-bounce1"></div>
- *      <div class="sk-child sk-bounce2"></div>
- *      <div class="sk-child sk-bounce3"></div>
- *    </div>
+      <div class="sk-three-bounce">
+        <div class="sk-child sk-bounce1"></div>
+        <div class="sk-child sk-bounce2"></div>
+        <div class="sk-child sk-bounce3"></div>
+      </div>
  *
  */
 .sk-three-bounce {

diff --git a/css/spinners/8-circle.css b/css/spinners/8-circle.css
@@ -1,20 +1,20 @@
 /*
  *  Usage:
  *
- *    <div class="sk-circle">
- *      <div class="sk-circle1 sk-child"></div>
- *      <div class="sk-circle2 sk-child"></div>
- *      <div class="sk-circle3 sk-child"></div>
- *      <div class="sk-circle4 sk-child"></div>
- *      <div class="sk-circle5 sk-child"></div>
- *      <div class="sk-circle6 sk-child"></div>
- *      <div class="sk-circle7 sk-child"></div>
- *      <div class="sk-circle8 sk-child"></div>
- *      <div class="sk-circle9 sk-child"></div>
- *      <div class="sk-circle10 sk-child"></div>
- *      <div class="sk-circle11 sk-child"></div>
- *      <div class="sk-circle12 sk-child"></div>
- *    </div>
+      <div class="sk-circle">
+        <div class="sk-circle1 sk-child"></div>
+        <div class="sk-circle2 sk-child"></div>
+        <div class="sk-circle3 sk-child"></div>
+        <div class="sk-circle4 sk-child"></div>
+        <div class="sk-circle5 sk-child"></div>
+        <div class="sk-circle6 sk-child"></div>
+        <div class="sk-circle7 sk-child"></div>
+        <div class="sk-circle8 sk-child"></div>
+        <div class="sk-circle9 sk-child"></div>
+        <div class="sk-circle10 sk-child"></div>
+        <div class="sk-circle11 sk-child"></div>
+        <div class="sk-circle12 sk-child"></div>
+      </div>
  *
  */
 .sk-circle {

diff --git a/css/spinners/9-cube-grid.css b/css/spinners/9-cube-grid.css
@@ -1,17 +1,17 @@
 /*
  *  Usage:
  *
- *    <div class="sk-cube-grid">
- *      <div class="sk-cube sk-cube1"></div>
- *      <div class="sk-cube sk-cube2"></div>
- *      <div class="sk-cube sk-cube3"></div>
- *      <div class="sk-cube sk-cube4"></div>
- *      <div class="sk-cube sk-cube5"></div>
- *      <div class="sk-cube sk-cube6"></div>
- *      <div class="sk-cube sk-cube7"></div>
- *      <div class="sk-cube sk-cube8"></div>
- *      <div class="sk-cube sk-cube9"></div>
- *    </div>
+      <div class="sk-cube-grid">
+        <div class="sk-cube sk-cube1"></div>
+        <div class="sk-cube sk-cube2"></div>
+        <div class="sk-cube sk-cube3"></div>
+        <div class="sk-cube sk-cube4"></div>
+        <div class="sk-cube sk-cube5"></div>
+        <div class="sk-cube sk-cube6"></div>
+        <div class="sk-cube sk-cube7"></div>
+        <div class="sk-cube sk-cube8"></div>
+        <div class="sk-cube sk-cube9"></div>
+      </div>
  *
  */
 .sk-cube-grid {
@@ -25,8 +25,8 @@
    * 7 8 9
    */ }
   .sk-cube-grid .sk-cube {
-    width: 33%;
-    height: 33%;
+    width: 33.33%;
+    height: 33.33%;
     background-color: #333;
     float: left;
     -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;

diff --git a/examples/1-rotating-plane.html b/examples/1-rotating-plane.html
@@ -6,7 +6,7 @@
     /*
  *  Usage:
  *
- *    <div class="sk-rotating-plane"></div>
+      <div class="sk-rotating-plane"></div>
  *
  */
 .sk-rotating-plane {
@@ -44,6 +44,6 @@
 <body>
 
 
-    <div class="sk-rotating-plane"></div>
+      <div class="sk-rotating-plane"></div>
 </body>
 </html>
diff --git a/examples/10-fading-circle.html b/examples/10-fading-circle.html
@@ -6,20 +6,20 @@
     /*
  *  Usage:
  *
- *    <div class="sk-fading-circle">
- *      <div class="sk-circle1 sk-circle"></div>
- *      <div class="sk-circle2 sk-circle"></div>
- *      <div class="sk-circle3 sk-circle"></div>
- *      <div class="sk-circle4 sk-circle"></div>
- *      <div class="sk-circle5 sk-circle"></div>
- *      <div class="sk-circle6 sk-circle"></div>
- *      <div class="sk-circle7 sk-circle"></div>
- *      <div class="sk-circle8 sk-circle"></div>
- *      <div class="sk-circle9 sk-circle"></div>
- *      <div class="sk-circle10 sk-circle"></div>
- *      <div class="sk-circle11 sk-circle"></div>
- *      <div class="sk-circle12 sk-circle"></div>
- *    </div>
+      <div class="sk-fading-circle">
+        <div class="sk-circle1 sk-circle"></div>
+        <div class="sk-circle2 sk-circle"></div>
+        <div class="sk-circle3 sk-circle"></div>
+        <div class="sk-circle4 sk-circle"></div>
+        <div class="sk-circle5 sk-circle"></div>
+        <div class="sk-circle6 sk-circle"></div>
+        <div class="sk-circle7 sk-circle"></div>
+        <div class="sk-circle8 sk-circle"></div>
+        <div class="sk-circle9 sk-circle"></div>
+        <div class="sk-circle10 sk-circle"></div>
+        <div class="sk-circle11 sk-circle"></div>
+        <div class="sk-circle12 sk-circle"></div>
+      </div>
  *
  */
 .sk-fading-circle {
@@ -138,19 +138,19 @@
 <body>
 
 
-    <div class="sk-fading-circle">
-      <div class="sk-circle1 sk-circle"></div>
-      <div class="sk-circle2 sk-circle"></div>
-      <div class="sk-circle3 sk-circle"></div>
-      <div class="sk-circle4 sk-circle"></div>
-      <div class="sk-circle5 sk-circle"></div>
-      <div class="sk-circle6 sk-circle"></div>
-      <div class="sk-circle7 sk-circle"></div>
-      <div class="sk-circle8 sk-circle"></div>
-      <div class="sk-circle9 sk-circle"></div>
-      <div class="sk-circle10 sk-circle"></div>
-      <div class="sk-circle11 sk-circle"></div>
-      <div class="sk-circle12 sk-circle"></div>
-    </div>
+      <div class="sk-fading-circle">
+        <div class="sk-circle1 sk-circle"></div>
+        <div class="sk-circle2 sk-circle"></div>
+        <div class="sk-circle3 sk-circle"></div>
+        <div class="sk-circle4 sk-circle"></div>
+        <div class="sk-circle5 sk-circle"></div>
+        <div class="sk-circle6 sk-circle"></div>
+        <div class="sk-circle7 sk-circle"></div>
+        <div class="sk-circle8 sk-circle"></div>
+        <div class="sk-circle9 sk-circle"></div>
+        <div class="sk-circle10 sk-circle"></div>
+        <div class="sk-circle11 sk-circle"></div>
+        <div class="sk-circle12 sk-circle"></div>
+      </div>
 </body>
 </html>
diff --git a/examples/11-folding-cube.html b/examples/11-folding-cube.html
@@ -6,12 +6,12 @@
     /*
  *  Usage:
  *
- *    <div class="sk-folding-cube">
- *      <div class="sk-cube1 sk-cube"></div>
- *      <div class="sk-cube2 sk-cube"></div>
- *      <div class="sk-cube4 sk-cube"></div>
- *      <div class="sk-cube3 sk-cube"></div>
- *    </div>
+      <div class="sk-folding-cube">
+        <div class="sk-cube1 sk-cube"></div>
+        <div class="sk-cube2 sk-cube"></div>
+        <div class="sk-cube4 sk-cube"></div>
+        <div class="sk-cube3 sk-cube"></div>
+      </div>
  *
  */
 .sk-folding-cube {
@@ -94,11 +94,11 @@
 <body>
 
 
-    <div class="sk-folding-cube">
-      <div class="sk-cube1 sk-cube"></div>
-      <div class="sk-cube2 sk-cube"></div>
-      <div class="sk-cube4 sk-cube"></div>
-      <div class="sk-cube3 sk-cube"></div>
-    </div>
+      <div class="sk-folding-cube">
+        <div class="sk-cube1 sk-cube"></div>
+        <div class="sk-cube2 sk-cube"></div>
+        <div class="sk-cube4 sk-cube"></div>
+        <div class="sk-cube3 sk-cube"></div>
+      </div>
 </body>
 </html>