11
2- @import "fontello/css/fontello.css" ;
3- @import "fontello/css/animation.css" ;
2+ @font-face {
3+ font-family : 'fontello' ;
4+ src : url ('../font/fontello.eot?58619503' );
5+ src : url ('../font/fontello.eot?58619503#iefix' ) format ('embedded-opentype' ),
6+ url ('../font/fontello.woff2?58619503' ) format ('woff2' ),
7+ url ('../font/fontello.woff?58619503' ) format ('woff' ),
8+ url ('../font/fontello.ttf?58619503' ) format ('truetype' ),
9+ url ('../font/fontello.svg?58619503#fontello' ) format ('svg' );
10+ font-weight : normal;
11+ font-style : normal;
12+ }
13+ /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
14+ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
15+ /*
16+ @media screen and (-webkit-min-device-pixel-ratio:0) {
17+ @font-face {
18+ font-family: 'fontello';
19+ src: url('../font/fontello.svg?58619503#fontello') format('svg');
20+ }
21+ }
22+ */
23+
24+ [class ^= "v-icon-" ]: before , [class *= " v-icon-" ]: before {
25+ font-family : "fontello" ;
26+ font-style : normal;
27+ font-weight : normal;
28+ speak : none;
29+
30+ display : inline-block;
31+ text-decoration : inherit;
32+ width : 1em ;
33+ margin-right : .2em ;
34+ text-align : center;
35+ /* opacity: .8; */
36+
37+ /* For safety - reset parent styles, that can break glyph codes*/
38+ font-variant : normal;
39+ text-transform : none;
40+
41+ /* fix buttons height, for twitter bootstrap */
42+ line-height : 1em ;
43+
44+ /* Animation center compensation - margins should be symmetric */
45+ /* remove if not needed */
46+ margin-left : .2em ;
47+
48+ /* you can be more comfortable with increased icons size */
49+ /* font-size: 120%; */
50+
51+ /* Font smoothing. That was taken from TWBS */
52+ -webkit-font-smoothing : antialiased;
53+ -moz-osx-font-smoothing : grayscale;
54+
55+ /* Uncomment for 3D effect */
56+ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
57+ }
58+
59+ .v-icon-down-dir : before { content : '\e800' ; } /* '' */
60+ .v-icon-up-dir : before { content : '\e801' ; } /* '' */
61+ .v-icon-cancel : before { content : '\e802' ; } /* '' */
62+ .v-icon-spin3 : before { content : '\e832' ; } /* '' */
63+ .v-icon-spin4 : before { content : '\e834' ; } /* '' */
64+ .v-icon-spin5 : before { content : '\e838' ; } /* '' */
65+ .v-icon-angle-double-left : before { content : '\f100' ; } /* '' */
66+ .v-icon-angle-double-right : before { content : '\f101' ; } /* '' */
67+ .v-icon-angle-left : before { content : '\f104' ; } /* '' */
68+ .v-icon-angle-right : before { content : '\f105' ; } /* '' */
69+ /*
70+ Animation example, for spinners
71+ */
72+ .animate-loading-05 {
73+ -moz-animation : spin 0.5s infinite linear;
74+ -o-animation : spin 0.5s infinite linear;
75+ -webkit-animation : spin 0.5s infinite linear;
76+ animation : spin 0.5s infinite linear;
77+ display : inline-block;
78+ }
79+ .animate-loading-08 {
80+ -moz-animation : spin 0.8s infinite linear;
81+ -o-animation : spin 0.8s infinite linear;
82+ -webkit-animation : spin 0.8s infinite linear;
83+ animation : spin 0.8s infinite linear;
84+ display : inline-block;
85+ }
86+ .animate-loading-11 {
87+ -moz-animation : spin 1.1s infinite linear;
88+ -o-animation : spin 1.1s infinite linear;
89+ -webkit-animation : spin 1.1s infinite linear;
90+ animation : spin 1.1s infinite linear;
91+ display : inline-block;
92+ }
93+ .animate-loading-14 {
94+ -moz-animation : spin 1.4s infinite linear;
95+ -o-animation : spin 1.4s infinite linear;
96+ -webkit-animation : spin 1.4s infinite linear;
97+ animation : spin 1.4s infinite linear;
98+ display : inline-block;
99+ }
100+ .animate-loading-17 {
101+ -moz-animation : spin 1.7s infinite linear;
102+ -o-animation : spin 1.7s infinite linear;
103+ -webkit-animation : spin 1.7s infinite linear;
104+ animation : spin 1.7s infinite linear;
105+ display : inline-block;
106+ }
107+ .animate-loading-20 {
108+ -moz-animation : spin 2s infinite linear;
109+ -o-animation : spin 2s infinite linear;
110+ -webkit-animation : spin 2s infinite linear;
111+ animation : spin 2s infinite linear;
112+ display : inline-block;
113+ }
114+ .animate-loading-23 {
115+ -moz-animation : spin 2.3s infinite linear;
116+ -o-animation : spin 2.3s infinite linear;
117+ -webkit-animation : spin 2.3s infinite linear;
118+ animation : spin 2.3s infinite linear;
119+ display : inline-block;
120+ }
121+ .animate-loading-26 {
122+ -moz-animation : spin 2.6s infinite linear;
123+ -o-animation : spin 2.6s infinite linear;
124+ -webkit-animation : spin 2.6s infinite linear;
125+ animation : spin 2.6s infinite linear;
126+ display : inline-block;
127+ }
128+ .animate-loading-29 {
129+ -moz-animation : spin 2.9s infinite linear;
130+ -o-animation : spin 2.9s infinite linear;
131+ -webkit-animation : spin 2.9s infinite linear;
132+ animation : spin 2.9s infinite linear;
133+ display : inline-block;
134+ }
135+ @-moz-keyframes spin {
136+ 0% {
137+ -moz-transform : rotate (0deg );
138+ -o-transform : rotate (0deg );
139+ -webkit-transform : rotate (0deg );
140+ transform : rotate (0deg );
141+ }
142+
143+ 100% {
144+ -moz-transform : rotate (359deg );
145+ -o-transform : rotate (359deg );
146+ -webkit-transform : rotate (359deg );
147+ transform : rotate (359deg );
148+ }
149+ }
150+ @-webkit-keyframes spin {
151+ 0% {
152+ -moz-transform : rotate (0deg );
153+ -o-transform : rotate (0deg );
154+ -webkit-transform : rotate (0deg );
155+ transform : rotate (0deg );
156+ }
157+
158+ 100% {
159+ -moz-transform : rotate (359deg );
160+ -o-transform : rotate (359deg );
161+ -webkit-transform : rotate (359deg );
162+ transform : rotate (359deg );
163+ }
164+ }
165+ @-o-keyframes spin {
166+ 0% {
167+ -moz-transform : rotate (0deg );
168+ -o-transform : rotate (0deg );
169+ -webkit-transform : rotate (0deg );
170+ transform : rotate (0deg );
171+ }
172+
173+ 100% {
174+ -moz-transform : rotate (359deg );
175+ -o-transform : rotate (359deg );
176+ -webkit-transform : rotate (359deg );
177+ transform : rotate (359deg );
178+ }
179+ }
180+ @-ms-keyframes spin {
181+ 0% {
182+ -moz-transform : rotate (0deg );
183+ -o-transform : rotate (0deg );
184+ -webkit-transform : rotate (0deg );
185+ transform : rotate (0deg );
186+ }
187+
188+ 100% {
189+ -moz-transform : rotate (359deg );
190+ -o-transform : rotate (359deg );
191+ -webkit-transform : rotate (359deg );
192+ transform : rotate (359deg );
193+ }
194+ }
195+ @keyframes spin {
196+ 0% {
197+ -moz-transform : rotate (0deg );
198+ -o-transform : rotate (0deg );
199+ -webkit-transform : rotate (0deg );
200+ transform : rotate (0deg );
201+ }
202+
203+ 100% {
204+ -moz-transform : rotate (359deg );
205+ -o-transform : rotate (359deg );
206+ -webkit-transform : rotate (359deg );
207+ transform : rotate (359deg );
208+ }
209+ }
0 commit comments