loadingio
diff --git a/‎README.md
Lines changed: 2 additions & 0 deletions b/‎README.md
Lines changed: 2 additions & 0 deletions
diff --git a/‎build/default/main.css
Lines changed: 1 addition & 1 deletion b/‎build/default/main.css
Lines changed: 1 addition & 1 deletion
diff --git a/‎build/default/sample.html
Lines changed: 1 addition & 1 deletion b/‎build/default/sample.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎build/ellipsis/main.css
Lines changed: 5 additions & 5 deletions b/‎build/ellipsis/main.css
Lines changed: 5 additions & 5 deletions
diff --git a/‎build/ellipsis/sample.html
Lines changed: 5 additions & 5 deletions b/‎build/ellipsis/sample.html
Lines changed: 5 additions & 5 deletions
diff --git a/‎build/roller/main.css
Lines changed: 10 additions & 10 deletions b/‎build/roller/main.css
Lines changed: 10 additions & 10 deletions
diff --git a/‎build/roller/sample.html
Lines changed: 10 additions & 10 deletions b/‎build/roller/sample.html
Lines changed: 10 additions & 10 deletions
@@ -4,6 +4,8 @@
 
 12 small, elegant pure css spinners collection for website ajax and loading animation. 
 
+![css spinner](https://github.com/loadingio/css-spinner/blob/master/thumbnail.gif?raw=true)
+
 
 ## Features
 
 
@@ -8,7 +8,7 @@
   position: absolute;
   width: 5px;
   height: 5px;
-  background: #900;
+  background: #fff;
   border-radius: 50%;
   animation: lds-default 1.2s linear infinite;
 }
 
@@ -9,7 +9,7 @@
   position: absolute;
   width: 5px;
   height: 5px;
-  background: #900;
+  background: #fff;
   border-radius: 50%;
   animation: lds-default 1.2s linear infinite;
 }
 
@@ -10,24 +10,24 @@
   width: 11px;
   height: 11px;
   border-radius: 50%;
-  background: #900;
+  background: #fff;
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
 }
 .lds-ellipsis div:nth-child(1) {
   left: 6px;
-  animation: lds-ellipsis1 0.48s infinite;
+  animation: lds-ellipsis1 0.6s infinite;
 }
 .lds-ellipsis div:nth-child(2) {
   left: 6px;
-  animation: lds-ellipsis2 0.48s infinite;
+  animation: lds-ellipsis2 0.6s infinite;
 }
 .lds-ellipsis div:nth-child(3) {
   left: 26px;
-  animation: lds-ellipsis2 0.48s infinite;
+  animation: lds-ellipsis2 0.6s infinite;
 }
 .lds-ellipsis div:nth-child(4) {
   left: 45px;
-  animation: lds-ellipsis3 0.48s infinite;
+  animation: lds-ellipsis3 0.6s infinite;
 }
 @keyframes lds-ellipsis1 {
   0% {
 
@@ -11,24 +11,24 @@
   width: 11px;
   height: 11px;
   border-radius: 50%;
-  background: #900;
+  background: #fff;
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
 }
 .lds-ellipsis div:nth-child(1) {
   left: 6px;
-  animation: lds-ellipsis1 0.48s infinite;
+  animation: lds-ellipsis1 0.6s infinite;
 }
 .lds-ellipsis div:nth-child(2) {
   left: 6px;
-  animation: lds-ellipsis2 0.48s infinite;
+  animation: lds-ellipsis2 0.6s infinite;
 }
 .lds-ellipsis div:nth-child(3) {
   left: 26px;
-  animation: lds-ellipsis2 0.48s infinite;
+  animation: lds-ellipsis2 0.6s infinite;
 }
 .lds-ellipsis div:nth-child(4) {
   left: 45px;
-  animation: lds-ellipsis3 0.48s infinite;
+  animation: lds-ellipsis3 0.6s infinite;
 }
 @keyframes lds-ellipsis1 {
   0% {
 
@@ -5,7 +5,7 @@
   height: 64px;
 }
 .lds-roller div {
-  animation: lds-roller 1.56s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   transform-origin: 32px 32px;
 }
 .lds-roller div:after {
@@ -15,60 +15,60 @@
   width: 6px;
   height: 6px;
   border-radius: 50%;
-  background: #900;
+  background: #fff;
   margin: -3px 0 0 -3px;
 }
 .lds-roller div:nth-child(1) {
-  animation-delay: -0.0468s;
+  animation-delay: -0.036s;
 }
 .lds-roller div:nth-child(1):after {
   top: 50px;
   left: 50px;
 }
 .lds-roller div:nth-child(2) {
-  animation-delay: -0.0936s;
+  animation-delay: -0.072s;
 }
 .lds-roller div:nth-child(2):after {
   top: 54px;
   left: 45px;
 }
 .lds-roller div:nth-child(3) {
-  animation-delay: -0.1404s;
+  animation-delay: -0.108s;
 }
 .lds-roller div:nth-child(3):after {
   top: 57px;
   left: 39px;
 }
 .lds-roller div:nth-child(4) {
-  animation-delay: -0.1872s;
+  animation-delay: -0.144s;
 }
 .lds-roller div:nth-child(4):after {
   top: 58px;
   left: 32px;
 }
 .lds-roller div:nth-child(5) {
-  animation-delay: -0.234s;
+  animation-delay: -0.18s;
 }
 .lds-roller div:nth-child(5):after {
   top: 57px;
   left: 25px;
 }
 .lds-roller div:nth-child(6) {
-  animation-delay: -0.2808s;
+  animation-delay: -0.216s;
 }
 .lds-roller div:nth-child(6):after {
   top: 54px;
   left: 19px;
 }
 .lds-roller div:nth-child(7) {
-  animation-delay: -0.3276s;
+  animation-delay: -0.252s;
 }
 .lds-roller div:nth-child(7):after {
   top: 50px;
   left: 14px;
 }
 .lds-roller div:nth-child(8) {
-  animation-delay: -0.3744s;
+  animation-delay: -0.288s;
 }
 .lds-roller div:nth-child(8):after {
   top: 45px;
 
@@ -6,7 +6,7 @@
   height: 64px;
 }
 .lds-roller div {
-  animation: lds-roller 1.56s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   transform-origin: 32px 32px;
 }
 .lds-roller div:after {
@@ -16,60 +16,60 @@
   width: 6px;
   height: 6px;
   border-radius: 50%;
-  background: #900;
+  background: #fff;
   margin: -3px 0 0 -3px;
 }
 .lds-roller div:nth-child(1) {
-  animation-delay: -0.0468s;
+  animation-delay: -0.036s;
 }
 .lds-roller div:nth-child(1):after {
   top: 50px;
   left: 50px;
 }
 .lds-roller div:nth-child(2) {
-  animation-delay: -0.0936s;
+  animation-delay: -0.072s;
 }
 .lds-roller div:nth-child(2):after {
   top: 54px;
   left: 45px;
 }
 .lds-roller div:nth-child(3) {
-  animation-delay: -0.1404s;
+  animation-delay: -0.108s;
 }
 .lds-roller div:nth-child(3):after {
   top: 57px;
   left: 39px;
 }
 .lds-roller div:nth-child(4) {
-  animation-delay: -0.1872s;
+  animation-delay: -0.144s;
 }
 .lds-roller div:nth-child(4):after {
   top: 58px;
   left: 32px;
 }
 .lds-roller div:nth-child(5) {
-  animation-delay: -0.234s;
+  animation-delay: -0.18s;
 }
 .lds-roller div:nth-child(5):after {
   top: 57px;
   left: 25px;
 }
 .lds-roller div:nth-child(6) {
-  animation-delay: -0.2808s;
+  animation-delay: -0.216s;
 }
 .lds-roller div:nth-child(6):after {
   top: 54px;
   left: 19px;
 }
 .lds-roller div:nth-child(7) {
-  animation-delay: -0.3276s;
+  animation-delay: -0.252s;
 }
 .lds-roller div:nth-child(7):after {
   top: 50px;
   left: 14px;
 }
 .lds-roller div:nth-child(8) {
-  animation-delay: -0.3744s;
+  animation-delay: -0.288s;
 }
 .lds-roller div:nth-child(8):after {
   top: 45px;
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`position: absolute;`
`9`	`9`	`width: 5px;`
`10`	`10`	`height: 5px;`
`11`		`- background: #900;`
	`11`	`+ background: #fff;`
`12`	`12`	`border-radius: 50%;`
`13`	`13`	`animation: lds-default 1.2s linear infinite;`
`14`	`14`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`	`position: absolute;`
`10`	`10`	`width: 5px;`
`11`	`11`	`height: 5px;`
`12`		`- background: #900;`
	`12`	`+ background: #fff;`
`13`	`13`	`border-radius: 50%;`
`14`	`14`	`animation: lds-default 1.2s linear infinite;`
`15`	`15`	`}`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`height: 64px;`
`6`	`6`	`}`
`7`	`7`	`.lds-roller div {`
`8`		`- animation: lds-roller 1.56s cubic-bezier(0.5, 0, 0.5, 1) infinite;`
	`8`	`+ animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;`
`9`	`9`	`transform-origin: 32px 32px;`
`10`	`10`	`}`
`11`	`11`	`.lds-roller div:after {`
`@@ -15,60 +15,60 @@`
`15`	`15`	`width: 6px;`
`16`	`16`	`height: 6px;`
`17`	`17`	`border-radius: 50%;`
`18`		`- background: #900;`
	`18`	`+ background: #fff;`
`19`	`19`	`margin: -3px 0 0 -3px;`
`20`	`20`	`}`
`21`	`21`	`.lds-roller div:nth-child(1) {`
`22`		`- animation-delay: -0.0468s;`
	`22`	`+ animation-delay: -0.036s;`
`23`	`23`	`}`
`24`	`24`	`.lds-roller div:nth-child(1):after {`
`25`	`25`	`top: 50px;`
`26`	`26`	`left: 50px;`
`27`	`27`	`}`
`28`	`28`	`.lds-roller div:nth-child(2) {`
`29`		`- animation-delay: -0.0936s;`
	`29`	`+ animation-delay: -0.072s;`
`30`	`30`	`}`
`31`	`31`	`.lds-roller div:nth-child(2):after {`
`32`	`32`	`top: 54px;`
`33`	`33`	`left: 45px;`
`34`	`34`	`}`
`35`	`35`	`.lds-roller div:nth-child(3) {`
`36`		`- animation-delay: -0.1404s;`
	`36`	`+ animation-delay: -0.108s;`
`37`	`37`	`}`
`38`	`38`	`.lds-roller div:nth-child(3):after {`
`39`	`39`	`top: 57px;`
`40`	`40`	`left: 39px;`
`41`	`41`	`}`
`42`	`42`	`.lds-roller div:nth-child(4) {`
`43`		`- animation-delay: -0.1872s;`
	`43`	`+ animation-delay: -0.144s;`
`44`	`44`	`}`
`45`	`45`	`.lds-roller div:nth-child(4):after {`
`46`	`46`	`top: 58px;`
`47`	`47`	`left: 32px;`
`48`	`48`	`}`
`49`	`49`	`.lds-roller div:nth-child(5) {`
`50`		`- animation-delay: -0.234s;`
	`50`	`+ animation-delay: -0.18s;`
`51`	`51`	`}`
`52`	`52`	`.lds-roller div:nth-child(5):after {`
`53`	`53`	`top: 57px;`
`54`	`54`	`left: 25px;`
`55`	`55`	`}`
`56`	`56`	`.lds-roller div:nth-child(6) {`
`57`		`- animation-delay: -0.2808s;`
	`57`	`+ animation-delay: -0.216s;`
`58`	`58`	`}`
`59`	`59`	`.lds-roller div:nth-child(6):after {`
`60`	`60`	`top: 54px;`
`61`	`61`	`left: 19px;`
`62`	`62`	`}`
`63`	`63`	`.lds-roller div:nth-child(7) {`
`64`		`- animation-delay: -0.3276s;`
	`64`	`+ animation-delay: -0.252s;`
`65`	`65`	`}`
`66`	`66`	`.lds-roller div:nth-child(7):after {`
`67`	`67`	`top: 50px;`
`68`	`68`	`left: 14px;`
`69`	`69`	`}`
`70`	`70`	`.lds-roller div:nth-child(8) {`
`71`		`- animation-delay: -0.3744s;`
	`71`	`+ animation-delay: -0.288s;`
`72`	`72`	`}`
`73`	`73`	`.lds-roller div:nth-child(8):after {`
`74`	`74`	`top: 45px;`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`height: 64px;`
`7`	`7`	`}`
`8`	`8`	`.lds-roller div {`
`9`		`- animation: lds-roller 1.56s cubic-bezier(0.5, 0, 0.5, 1) infinite;`
	`9`	`+ animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;`
`10`	`10`	`transform-origin: 32px 32px;`
`11`	`11`	`}`
`12`	`12`	`.lds-roller div:after {`
`@@ -16,60 +16,60 @@`
`16`	`16`	`width: 6px;`
`17`	`17`	`height: 6px;`
`18`	`18`	`border-radius: 50%;`
`19`		`- background: #900;`
	`19`	`+ background: #fff;`
`20`	`20`	`margin: -3px 0 0 -3px;`
`21`	`21`	`}`
`22`	`22`	`.lds-roller div:nth-child(1) {`
`23`		`- animation-delay: -0.0468s;`
	`23`	`+ animation-delay: -0.036s;`
`24`	`24`	`}`
`25`	`25`	`.lds-roller div:nth-child(1):after {`
`26`	`26`	`top: 50px;`
`27`	`27`	`left: 50px;`
`28`	`28`	`}`
`29`	`29`	`.lds-roller div:nth-child(2) {`
`30`		`- animation-delay: -0.0936s;`
	`30`	`+ animation-delay: -0.072s;`
`31`	`31`	`}`
`32`	`32`	`.lds-roller div:nth-child(2):after {`
`33`	`33`	`top: 54px;`
`34`	`34`	`left: 45px;`
`35`	`35`	`}`
`36`	`36`	`.lds-roller div:nth-child(3) {`
`37`		`- animation-delay: -0.1404s;`
	`37`	`+ animation-delay: -0.108s;`
`38`	`38`	`}`
`39`	`39`	`.lds-roller div:nth-child(3):after {`
`40`	`40`	`top: 57px;`
`41`	`41`	`left: 39px;`
`42`	`42`	`}`
`43`	`43`	`.lds-roller div:nth-child(4) {`
`44`		`- animation-delay: -0.1872s;`
	`44`	`+ animation-delay: -0.144s;`
`45`	`45`	`}`
`46`	`46`	`.lds-roller div:nth-child(4):after {`
`47`	`47`	`top: 58px;`
`48`	`48`	`left: 32px;`
`49`	`49`	`}`
`50`	`50`	`.lds-roller div:nth-child(5) {`
`51`		`- animation-delay: -0.234s;`
	`51`	`+ animation-delay: -0.18s;`
`52`	`52`	`}`
`53`	`53`	`.lds-roller div:nth-child(5):after {`
`54`	`54`	`top: 57px;`
`55`	`55`	`left: 25px;`
`56`	`56`	`}`
`57`	`57`	`.lds-roller div:nth-child(6) {`
`58`		`- animation-delay: -0.2808s;`
	`58`	`+ animation-delay: -0.216s;`
`59`	`59`	`}`
`60`	`60`	`.lds-roller div:nth-child(6):after {`
`61`	`61`	`top: 54px;`
`62`	`62`	`left: 19px;`
`63`	`63`	`}`
`64`	`64`	`.lds-roller div:nth-child(7) {`
`65`		`- animation-delay: -0.3276s;`
	`65`	`+ animation-delay: -0.252s;`
`66`	`66`	`}`
`67`	`67`	`.lds-roller div:nth-child(7):after {`
`68`	`68`	`top: 50px;`
`69`	`69`	`left: 14px;`
`70`	`70`	`}`
`71`	`71`	`.lds-roller div:nth-child(8) {`
`72`		`- animation-delay: -0.3744s;`
	`72`	`+ animation-delay: -0.288s;`
`73`	`73`	`}`
`74`	`74`	`.lds-roller div:nth-child(8):after {`
`75`	`75`	`top: 45px;`