Skip to content

Commit 3a52aa1

Browse files
committed
Namespace animation in center circle theme
1 parent 0a3d4e5 commit 3a52aa1

1 file changed

Lines changed: 20 additions & 40 deletions

File tree

templates/pace-theme-center-circle.tmpl.css

Lines changed: 20 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -45,11 +45,11 @@
4545
font-weight: 100;
4646
text-align: center;
4747

48-
-webkit-animation: pace-3d-spinner linear infinite 2s;
49-
-moz-animation: pace-3d-spinner linear infinite 2s;
50-
-ms-animation: pace-3d-spinner linear infinite 2s;
51-
-o-animation: pace-3d-spinner linear infinite 2s;
52-
animation: pace-3d-spinner linear infinite 2s;
48+
-webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
49+
-moz-animation: pace-theme-center-circle-spin linear infinite 2s;
50+
-ms-animation: pace-theme-center-circle-spin linear infinite 2s;
51+
-o-animation: pace-theme-center-circle-spin linear infinite 2s;
52+
animation: pace-theme-center-circle-spin linear infinite 2s;
5353

5454
-webkit-transform-style: preserve-3d;
5555
-moz-transform-style: preserve-3d;
@@ -63,47 +63,27 @@
6363
display: block;
6464
}
6565

66-
@-webkit-keyframes pace-3d-spinner {
67-
from {
68-
-webkit-transform: rotateY(0deg);
69-
}
70-
to {
71-
-webkit-transform: rotateY(360deg);
72-
}
66+
@-webkit-keyframes pace-theme-center-circle-spin {
67+
from { -webkit-transform: rotateY(0deg) }
68+
to { -webkit-transform: rotateY(360deg) }
7369
}
7470

75-
@-moz-keyframes pace-3d-spinner {
76-
from {
77-
-moz-transform: rotateY(0deg);
78-
}
79-
to {
80-
-moz-transform: rotateY(360deg);
81-
}
71+
@-moz-keyframes pace-theme-center-circle-spin {
72+
from { -moz-transform: rotateY(0deg) }
73+
to { -moz-transform: rotateY(360deg) }
8274
}
8375

84-
@-ms-keyframes pace-3d-spinner {
85-
from {
86-
-ms-transform: rotateY(0deg);
87-
}
88-
to {
89-
-ms-transform: rotateY(360deg);
90-
}
76+
@-ms-keyframes pace-theme-center-circle-spin {
77+
from { -ms-transform: rotateY(0deg) }
78+
to { -ms-transform: rotateY(360deg) }
9179
}
9280

93-
@-o-keyframes pace-3d-spinner {
94-
from {
95-
-o-transform: rotateY(0deg);
96-
}
97-
to {
98-
-o-transform: rotateY(360deg);
99-
}
81+
@-o-keyframes pace-theme-center-circle-spin {
82+
from { -o-transform: rotateY(0deg) }
83+
to { -o-transform: rotateY(360deg) }
10084
}
10185

102-
@keyframes pace-3d-spinner {
103-
from {
104-
transform: rotateY(0deg);
105-
}
106-
to {
107-
transform: rotateY(360deg);
108-
}
86+
@keyframes pace-theme-center-circle-spin {
87+
from { transform: rotateY(0deg) }
88+
to { transform: rotateY(360deg) }
10989
}

0 commit comments

Comments
 (0)