Skip to content

Commit

Permalink
resolves issue #3 of typo.
Browse files Browse the repository at this point in the history
  • Loading branch information
jh3y committed Mar 20, 2014
1 parent e533471 commit abfcd98
Show file tree
Hide file tree
Showing 6 changed files with 46 additions and 46 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ Then there are;
* `bar-follow`
* `line`
* `line grow`
* `line back-and-fourth`
* `line back-and-forth`
* `shadow`
* `shadow oval`/`shadow oval left`
* `shadow oval right`
Expand Down
22 changes: 11 additions & 11 deletions csspinner.css
Original file line number Diff line number Diff line change
Expand Up @@ -234,12 +234,12 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
-webkit-transform: scaleY(1);
}
}
/* LINE BACK AND FOURTH */
.csspinner.line.back-and-fourth:after {
animation: line-back-and-fourth 1s infinite linear;
-webkit-animation: line-back-and-fourth 1s infinite linear;
/* LINE BACK AND forth */
.csspinner.line.back-and-forth:after {
animation: line-back-and-forth 1s infinite linear;
-webkit-animation: line-back-and-forth 1s infinite linear;
}
@-webkit-keyframes line-back-and-fourth {
@-webkit-keyframes line-back-and-forth {
0% {
width: 10px;
}
Expand All @@ -250,7 +250,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
width: 10px;
}
}
@keyframes line-back-and-fourth {
@keyframes line-back-and-forth {
0% {
width: 10px;
}
Expand All @@ -261,11 +261,11 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
width: 10px;
}
}
.csspinner.line.back-and-fourth.grow:after {
animation: line-back-and-fourth 1s infinite linear, line-back-and-fourth-grow 1s infinite linear;
-webkit-animation: line-back-and-fourth 1s infinite linear, line-back-and-fourth-grow 1s infinite linear;
.csspinner.line.back-and-forth.grow:after {
animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
-webkit-animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
}
@keyframes line-back-and-fourth-grow {
@keyframes line-back-and-forth-grow {
0% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
Expand All @@ -287,7 +287,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
-webkit-transform: scaleY(1);
}
}
@-webkit-keyframes line-back-and-fourth-grow {
@-webkit-keyframes line-back-and-forth-grow {
0% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
Expand Down
2 changes: 1 addition & 1 deletion csspinner.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

22 changes: 11 additions & 11 deletions less/csspinner.less
Original file line number Diff line number Diff line change
Expand Up @@ -269,12 +269,12 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
}
}

/* LINE BACK AND FOURTH */
.csspinner.line.back-and-fourth:after {
animation: line-back-and-fourth 1s infinite linear;
-webkit-animation: line-back-and-fourth 1s infinite linear;
/* LINE BACK AND forth */
.csspinner.line.back-and-forth:after {
animation: line-back-and-forth 1s infinite linear;
-webkit-animation: line-back-and-forth 1s infinite linear;
}
@-webkit-keyframes line-back-and-fourth {
@-webkit-keyframes line-back-and-forth {
0% {
width: 10px;
}
Expand All @@ -285,7 +285,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
width: 10px;
}
}
@keyframes line-back-and-fourth {
@keyframes line-back-and-forth {
0% {
width: 10px;
}
Expand All @@ -296,11 +296,11 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
width: 10px;
}
}
.csspinner.line.back-and-fourth.grow:after {
animation: line-back-and-fourth 1s infinite linear, line-back-and-fourth-grow 1s infinite linear;
-webkit-animation: line-back-and-fourth 1s infinite linear, line-back-and-fourth-grow 1s infinite linear;
.csspinner.line.back-and-forth.grow:after {
animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
-webkit-animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
}
@keyframes line-back-and-fourth-grow {
@keyframes line-back-and-forth-grow {
0% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
Expand All @@ -322,7 +322,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
-webkit-transform: scaleY(1.0);
}
}
@-webkit-keyframes line-back-and-fourth-grow {
@-webkit-keyframes line-back-and-forth-grow {
0% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
Expand Down
22 changes: 11 additions & 11 deletions sass/csspinner.sass
Original file line number Diff line number Diff line change
Expand Up @@ -267,12 +267,12 @@ $line-color: rgba(0, 0, 0, .5)



/* LINE BACK AND FOURTH */
.csspinner.line.back-and-fourth:after
animation: line-back-and-fourth 1s infinite linear
-webkit-animation: line-back-and-fourth 1s infinite linear
/* LINE BACK AND forth */
.csspinner.line.back-and-forth:after
animation: line-back-and-forth 1s infinite linear
-webkit-animation: line-back-and-forth 1s infinite linear

@-webkit-keyframes line-back-and-fourth
@-webkit-keyframes line-back-and-forth
0%
width: 10px

Expand All @@ -283,7 +283,7 @@ $line-color: rgba(0, 0, 0, .5)
width: 10px


@keyframes line-back-and-fourth
@keyframes line-back-and-forth
0%
width: 10px

Expand All @@ -294,11 +294,11 @@ $line-color: rgba(0, 0, 0, .5)
width: 10px


.csspinner.line.back-and-fourth.grow:after
animation: line-back-and-fourth 1s infinite linear, line-back-and-fourth-grow 1s infinite linear
-webkit-animation: line-back-and-fourth 1s infinite linear, line-back-and-fourth-grow 1s infinite linear
.csspinner.line.back-and-forth.grow:after
animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear
-webkit-animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear

@keyframes line-back-and-fourth-grow
@keyframes line-back-and-forth-grow
0%
transform: scaleY(1.0)
-webkit-transform: scaleY(1.0)
Expand All @@ -320,7 +320,7 @@ $line-color: rgba(0, 0, 0, .5)
-webkit-transform: scaleY(1.0)


@-webkit-keyframes line-back-and-fourth-grow
@-webkit-keyframes line-back-and-forth-grow
0%
transform: scaleY(1.0)
-webkit-transform: scaleY(1.0)
Expand Down
22 changes: 11 additions & 11 deletions sass/csspinner.scss
Original file line number Diff line number Diff line change
Expand Up @@ -269,12 +269,12 @@ $line-color: rgba(0, 0, 0, .5);
}
}

/* LINE BACK AND FOURTH */
.csspinner.line.back-and-fourth:after {
animation: line-back-and-fourth 1s infinite linear;
-webkit-animation: line-back-and-fourth 1s infinite linear;
/* LINE BACK AND forth */
.csspinner.line.back-and-forth:after {
animation: line-back-and-forth 1s infinite linear;
-webkit-animation: line-back-and-forth 1s infinite linear;
}
@-webkit-keyframes line-back-and-fourth {
@-webkit-keyframes line-back-and-forth {
0% {
width: 10px;
}
Expand All @@ -285,7 +285,7 @@ $line-color: rgba(0, 0, 0, .5);
width: 10px;
}
}
@keyframes line-back-and-fourth {
@keyframes line-back-and-forth {
0% {
width: 10px;
}
Expand All @@ -296,11 +296,11 @@ $line-color: rgba(0, 0, 0, .5);
width: 10px;
}
}
.csspinner.line.back-and-fourth.grow:after {
animation: line-back-and-fourth 1s infinite linear, line-back-and-fourth-grow 1s infinite linear;
-webkit-animation: line-back-and-fourth 1s infinite linear, line-back-and-fourth-grow 1s infinite linear;
.csspinner.line.back-and-forth.grow:after {
animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
-webkit-animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
}
@keyframes line-back-and-fourth-grow {
@keyframes line-back-and-forth-grow {
0% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
Expand All @@ -322,7 +322,7 @@ $line-color: rgba(0, 0, 0, .5);
-webkit-transform: scaleY(1.0);
}
}
@-webkit-keyframes line-back-and-fourth-grow {
@-webkit-keyframes line-back-and-forth-grow {
0% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
Expand Down

0 comments on commit abfcd98

Please sign in to comment.