eos_icons 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: ad15663caede7efaa8164e3697b65d0161b5fe89
4
+ data.tar.gz: 1322fb8f61be1f25acb980623eaa170a798f6fac
5
+ SHA512:
6
+ metadata.gz: 439173f4d00daf12c817ffe9e84731eb21c2505d77cd2704dfe511b61e0cb0f67650bc4e56d59c203627906cac990dc9c96bebca3871308db0d829e6232acb24
7
+ data.tar.gz: 67fd86c1e104b8e300ebe32a1a8fbe0addf6d655e70a4b1d4b1cf63916b459908f578ca2425c5bcf1eafbac24b726abbfae8bcfdc2376ae451cf10620df2250f
data/lib/eos_icons.rb ADDED
@@ -0,0 +1,6 @@
1
+ module Eos
2
+ module Icons
3
+ class Engine < ::Rails::Engine
4
+ end
5
+ end
6
+ end
Binary file
Binary file
Binary file
Binary file
@@ -0,0 +1,500 @@
1
+ /*
2
+ Generated with grunt-webfont
3
+ Created by EOS Design System - EOS icons
4
+ Visit our Design System: https://gitlab.com/SUSE-UIUX/eos/
5
+ Visit our Iconic font repo: https://gitlab.com/SUSE-UIUX/eos-icons
6
+ */
7
+
8
+
9
+ @font-face {
10
+ font-family: "eos-icons";
11
+ src: asset-url("eos-icons.eot?f32f31fa2ef73f7a0962d412d0e0c302");
12
+ src: asset-url("eos-icons.eot?#iefix") format("embedded-opentype"),
13
+ asset-url("eos-icons.woff2?f32f31fa2ef73f7a0962d412d0e0c302") format("woff2"),
14
+ asset-url("eos-icons.woff?f32f31fa2ef73f7a0962d412d0e0c302") format("woff"),
15
+ asset-url("eos-icons.ttf?f32f31fa2ef73f7a0962d412d0e0c302") format("truetype"),
16
+ asset-url("eos-icons.svg?f32f31fa2ef73f7a0962d412d0e0c302#eos-icons") format("svg");
17
+ font-weight: normal;
18
+ font-style: normal;
19
+ }
20
+
21
+
22
+ .eos-icons {
23
+ font-family: "eos-icons";
24
+ font-weight: normal;
25
+ font-style: normal;
26
+ font-size: 24px; /* Preferred icon size */
27
+ display: inline-block;
28
+ line-height: 1;
29
+ text-transform: none;
30
+ letter-spacing: normal;
31
+ word-wrap: normal;
32
+ white-space: nowrap;
33
+ direction: ltr;
34
+
35
+ /* Support for all WebKit browsers. */
36
+ -webkit-font-smoothing: antialiased;
37
+ /* Support for Safari and Chrome. */
38
+ text-rendering: optimizeLegibility;
39
+
40
+ /* Support for Firefox. */
41
+ -moz-osx-font-smoothing: grayscale;
42
+
43
+ /* Support for IE. */
44
+ font-feature-settings: 'liga';
45
+ }
46
+
47
+ /* Loading icon
48
+ ========================================================================== */
49
+ /**
50
+ * Use it in HTML as
51
+ * <div class='icon-loading md-18'></div>
52
+ * add md-18, md-24, md-36 or md-48 class for sizes
53
+ */
54
+ /* Variables */
55
+ .eos-icon-loading {
56
+ animation: icon-loading-animate 1s infinite linear;
57
+ border: 3px solid rgba(0, 0, 0, 0.2);
58
+ border-radius: 50%;
59
+ border-top-color: #686565;
60
+ display: inline-block;
61
+ box-sizing: border-box;
62
+ -moz-box-sizing: border-box;
63
+ -webkit-box-sizing: border-box;
64
+ height: 1em;
65
+ margin: 0 auto;
66
+ width: 1em; }
67
+
68
+ @keyframes icon-loading-animate {
69
+ 0% {
70
+ transform: rotate(0deg); }
71
+ 100% {
72
+ transform: rotate(359deg); } }
73
+
74
+ /* Installing icon
75
+ ========================================================================== */
76
+ /**
77
+ * Use it in HTML as
78
+ * <div class='icon-installing md-18'></div>
79
+ * add md-18, md-24, md-36 or md-48 class for sizes
80
+ *
81
+ * the default icon size is 24px. Divided by 3 squares: 8px minus 2px padding between blocks = 6px
82
+ */
83
+ /* Variables */
84
+ /**
85
+ * This mixin generates keyframes for each or the icon's rows with squares
86
+ * $icon-size - generates custom keyframes (@keyframes installing_animation_bottom_md-18...)
87
+ * $icon-padding - each $icon-size has its own padding..
88
+ * $icon-padding-negative - and its corresponding negative padding
89
+ * $icon-installing-bg - global color var
90
+ */
91
+ /* Shared */
92
+ .eos-icon-installing {
93
+ display: inline-block;
94
+ position: relative; }
95
+ .eos-icon-installing:before, .eos-icon-installing:after {
96
+ background: rgba(104, 101, 101, 0);
97
+ content: '';
98
+ display: block;
99
+ left: 0;
100
+ position: absolute; }
101
+ .eos-icon-installing.md-24 {
102
+ animation: installing_animation_middle_md-24 3s ease-in-out infinite;
103
+ background: rgba(104, 101, 101, 0);
104
+ box-shadow: rgba(104, 101, 101, 0) -8px 0, rgba(104, 101, 101, 0) 8px 0;
105
+ height: 6px;
106
+ margin: 9px;
107
+ width: 6px; }
108
+
109
+ @keyframes installing_animation_middle_md-24 {
110
+ 0% {
111
+ background: rgba(104, 101, 101, 0);
112
+ box-shadow: rgba(104, 101, 101, 0) -8px 0, rgba(104, 101, 101, 0) 8px 0; }
113
+ 30% {
114
+ background: rgba(104, 101, 101, 0);
115
+ box-shadow: rgba(104, 101, 101, 0) -8px 0, rgba(104, 101, 101, 0) 8px 0; }
116
+ 35% {
117
+ background: rgba(104, 101, 101, 0);
118
+ box-shadow: rgba(104, 101, 101, 0.25) -8px 0, rgba(104, 101, 101, 0) 8px 0; }
119
+ 40% {
120
+ background: rgba(104, 101, 101, 0.25);
121
+ box-shadow: rgba(104, 101, 101, 0.5) -8px 0, rgba(104, 101, 101, 0) 8px 0; }
122
+ 45% {
123
+ background: rgba(104, 101, 101, 0.5);
124
+ box-shadow: rgba(104, 101, 101, 0.75) -8px 0, rgba(104, 101, 101, 0.25) 8px 0; }
125
+ 50% {
126
+ background: rgba(104, 101, 101, 0.75);
127
+ box-shadow: #686565 -8px 0, rgba(104, 101, 101, 0.5) 8px 0; }
128
+ 55% {
129
+ background: #686565;
130
+ box-shadow: #686565 -8px 0, rgba(104, 101, 101, 0.75) 8px 0; }
131
+ 60% {
132
+ background: #686565;
133
+ box-shadow: #686565 -8px 0, #686565 8px 0; }
134
+ 100% {
135
+ background: #686565;
136
+ box-shadow: #686565 -8px 0, #686565 8px 0; } }
137
+ .eos-icon-installing.md-24:before, .eos-icon-installing.md-24:after {
138
+ box-shadow: rgba(104, 101, 101, 0) -8px 0, rgba(104, 101, 101, 0) 8px 0;
139
+ height: 6px;
140
+ width: 6px; }
141
+ .eos-icon-installing.md-24:after {
142
+ animation: installing_animation_bottom_md-24 3s ease-in-out infinite;
143
+ top: 8px; }
144
+
145
+ @keyframes installing_animation_bottom_md-24 {
146
+ 0% {
147
+ background: rgba(104, 101, 101, 0);
148
+ box-shadow: rgba(104, 101, 101, 0), rgba(104, 101, 101, 0); }
149
+ 5% {
150
+ background: rgba(104, 101, 101, 0);
151
+ box-shadow: rgba(104, 101, 101, 0.25), rgba(104, 101, 101, 0); }
152
+ 10% {
153
+ background: rgba(104, 101, 101, 0.25);
154
+ box-shadow: rgba(104, 101, 101, 0.5) -8px 0, rgba(104, 101, 101, 0) 8px 0; }
155
+ 15% {
156
+ background: rgba(104, 101, 101, 0.5);
157
+ box-shadow: rgba(104, 101, 101, 0.75) -8px 0, rgba(104, 101, 101, 0.25) 8px 0; }
158
+ 20% {
159
+ background: rgba(104, 101, 101, 0.75);
160
+ box-shadow: #686565 -8px 0, rgba(104, 101, 101, 0.5) 8px 0; }
161
+ 25% {
162
+ background: #686565;
163
+ box-shadow: #686565 -8px 0, rgba(104, 101, 101, 0.75) 8px 0; }
164
+ 30% {
165
+ background: #686565;
166
+ box-shadow: #686565 -8px 0, #686565 8px 0; }
167
+ 100% {
168
+ background: #686565;
169
+ box-shadow: #686565 -8px 0, #686565 8px 0; } }
170
+ .eos-icon-installing.md-24:before {
171
+ animation: installing_animation_upper_md-24 3s ease-in-out infinite;
172
+ top: -8px; }
173
+
174
+ @keyframes installing_animation_upper_md-24 {
175
+ 0% {
176
+ background: rgba(104, 101, 101, 0);
177
+ box-shadow: rgba(104, 101, 101, 0) -8px 0, rgba(104, 101, 101, 0) 8px 0; }
178
+ 60% {
179
+ background: rgba(104, 101, 101, 0);
180
+ box-shadow: rgba(104, 101, 101, 0) -8px 0, rgba(104, 101, 101, 0) 8px 0; }
181
+ 65% {
182
+ background: rgba(104, 101, 101, 0);
183
+ box-shadow: rgba(104, 101, 101, 0.25) -8px 0, rgba(104, 101, 101, 0) 8px 0; }
184
+ 70% {
185
+ background: rgba(104, 101, 101, 0.25);
186
+ box-shadow: rgba(104, 101, 101, 0.5) -8px 0, rgba(104, 101, 101, 0) 8px 0; }
187
+ 75% {
188
+ background: rgba(104, 101, 101, 0.5);
189
+ box-shadow: rgba(104, 101, 101, 0.75) -8px 0, rgba(104, 101, 101, 0.25) 8px 0; }
190
+ 80% {
191
+ background: rgba(104, 101, 101, 0.75);
192
+ box-shadow: #686565 -8px 0, rgba(104, 101, 101, 0.5) 8px 0; }
193
+ 85% {
194
+ background: #686565;
195
+ box-shadow: #686565 -8px 0, rgba(104, 101, 101, 0.75) 8px 0; }
196
+ 90% {
197
+ background: #686565;
198
+ box-shadow: #686565 -8px 0, #686565 8px 0; }
199
+ 100% {
200
+ background: #686565;
201
+ box-shadow: #686565 -8px 0, #686565 8px 0; } }
202
+ .eos-icon-installing.md-18 {
203
+ animation: installing_animation_middle_md-18 3s ease-in-out infinite;
204
+ box-shadow: rgba(104, 101, 101, 0) -6px 0, rgba(104, 101, 101, 0) 6px 0;
205
+ height: 4px;
206
+ margin: 7px;
207
+ width: 4px; }
208
+
209
+ @keyframes installing_animation_middle_md-18 {
210
+ 0% {
211
+ background: rgba(104, 101, 101, 0);
212
+ box-shadow: rgba(104, 101, 101, 0) -6px 0, rgba(104, 101, 101, 0) 6px 0; }
213
+ 30% {
214
+ background: rgba(104, 101, 101, 0);
215
+ box-shadow: rgba(104, 101, 101, 0) -6px 0, rgba(104, 101, 101, 0) 6px 0; }
216
+ 35% {
217
+ background: rgba(104, 101, 101, 0);
218
+ box-shadow: rgba(104, 101, 101, 0.25) -6px 0, rgba(104, 101, 101, 0) 6px 0; }
219
+ 40% {
220
+ background: rgba(104, 101, 101, 0.25);
221
+ box-shadow: rgba(104, 101, 101, 0.5) -6px 0, rgba(104, 101, 101, 0) 6px 0; }
222
+ 45% {
223
+ background: rgba(104, 101, 101, 0.5);
224
+ box-shadow: rgba(104, 101, 101, 0.75) -6px 0, rgba(104, 101, 101, 0.25) 6px 0; }
225
+ 50% {
226
+ background: rgba(104, 101, 101, 0.75);
227
+ box-shadow: #686565 -6px 0, rgba(104, 101, 101, 0.5) 6px 0; }
228
+ 55% {
229
+ background: #686565;
230
+ box-shadow: #686565 -6px 0, rgba(104, 101, 101, 0.75) 6px 0; }
231
+ 60% {
232
+ background: #686565;
233
+ box-shadow: #686565 -6px 0, #686565 6px 0; }
234
+ 100% {
235
+ background: #686565;
236
+ box-shadow: #686565 -6px 0, #686565 6px 0; } }
237
+ .eos-icon-installing.md-18:before, .eos-icon-installing.md-18:after {
238
+ box-shadow: rgba(104, 101, 101, 0) -6px 0, rgba(104, 101, 101, 0) 6px 0;
239
+ height: 4px;
240
+ width: 4px; }
241
+ .eos-icon-installing.md-18:before {
242
+ animation: installing_animation_upper_md-18 3s ease-in-out infinite;
243
+ top: -6px; }
244
+
245
+ @keyframes installing_animation_upper_md-18 {
246
+ 0% {
247
+ background: rgba(104, 101, 101, 0);
248
+ box-shadow: rgba(104, 101, 101, 0) -6px 0, rgba(104, 101, 101, 0) 6px 0; }
249
+ 60% {
250
+ background: rgba(104, 101, 101, 0);
251
+ box-shadow: rgba(104, 101, 101, 0) -6px 0, rgba(104, 101, 101, 0) 6px 0; }
252
+ 65% {
253
+ background: rgba(104, 101, 101, 0);
254
+ box-shadow: rgba(104, 101, 101, 0.25) -6px 0, rgba(104, 101, 101, 0) 6px 0; }
255
+ 70% {
256
+ background: rgba(104, 101, 101, 0.25);
257
+ box-shadow: rgba(104, 101, 101, 0.5) -6px 0, rgba(104, 101, 101, 0) 6px 0; }
258
+ 75% {
259
+ background: rgba(104, 101, 101, 0.5);
260
+ box-shadow: rgba(104, 101, 101, 0.75) -6px 0, rgba(104, 101, 101, 0.25) 6px 0; }
261
+ 80% {
262
+ background: rgba(104, 101, 101, 0.75);
263
+ box-shadow: #686565 -6px 0, rgba(104, 101, 101, 0.5) 6px 0; }
264
+ 85% {
265
+ background: #686565;
266
+ box-shadow: #686565 -6px 0, rgba(104, 101, 101, 0.75) 6px 0; }
267
+ 90% {
268
+ background: #686565;
269
+ box-shadow: #686565 -6px 0, #686565 6px 0; }
270
+ 100% {
271
+ background: #686565;
272
+ box-shadow: #686565 -6px 0, #686565 6px 0; } }
273
+ .eos-icon-installing.md-18:after {
274
+ animation: installing_animation_bottom_md-18 3s ease-in-out infinite;
275
+ top: 6px; }
276
+
277
+ @keyframes installing_animation_bottom_md-18 {
278
+ 0% {
279
+ background: rgba(104, 101, 101, 0);
280
+ box-shadow: rgba(104, 101, 101, 0), rgba(104, 101, 101, 0); }
281
+ 5% {
282
+ background: rgba(104, 101, 101, 0);
283
+ box-shadow: rgba(104, 101, 101, 0.25), rgba(104, 101, 101, 0); }
284
+ 10% {
285
+ background: rgba(104, 101, 101, 0.25);
286
+ box-shadow: rgba(104, 101, 101, 0.5) -6px 0, rgba(104, 101, 101, 0) 6px 0; }
287
+ 15% {
288
+ background: rgba(104, 101, 101, 0.5);
289
+ box-shadow: rgba(104, 101, 101, 0.75) -6px 0, rgba(104, 101, 101, 0.25) 6px 0; }
290
+ 20% {
291
+ background: rgba(104, 101, 101, 0.75);
292
+ box-shadow: #686565 -6px 0, rgba(104, 101, 101, 0.5) 6px 0; }
293
+ 25% {
294
+ background: #686565;
295
+ box-shadow: #686565 -6px 0, rgba(104, 101, 101, 0.75) 6px 0; }
296
+ 30% {
297
+ background: #686565;
298
+ box-shadow: #686565 -6px 0, #686565 6px 0; }
299
+ 100% {
300
+ background: #686565;
301
+ box-shadow: #686565 -6px 0, #686565 6px 0; } }
302
+ .eos-icon-installing.md-36 {
303
+ animation: installing_animation_middle_md-36 3s ease-in-out infinite;
304
+ box-shadow: rgba(104, 101, 101, 0) -12px 0, rgba(104, 101, 101, 0) 12px 0;
305
+ height: 9px;
306
+ margin: 13px;
307
+ width: 9px; }
308
+
309
+ @keyframes installing_animation_middle_md-36 {
310
+ 0% {
311
+ background: rgba(104, 101, 101, 0);
312
+ box-shadow: rgba(104, 101, 101, 0) -12px 0, rgba(104, 101, 101, 0) 12px 0; }
313
+ 30% {
314
+ background: rgba(104, 101, 101, 0);
315
+ box-shadow: rgba(104, 101, 101, 0) -12px 0, rgba(104, 101, 101, 0) 12px 0; }
316
+ 35% {
317
+ background: rgba(104, 101, 101, 0);
318
+ box-shadow: rgba(104, 101, 101, 0.25) -12px 0, rgba(104, 101, 101, 0) 12px 0; }
319
+ 40% {
320
+ background: rgba(104, 101, 101, 0.25);
321
+ box-shadow: rgba(104, 101, 101, 0.5) -12px 0, rgba(104, 101, 101, 0) 12px 0; }
322
+ 45% {
323
+ background: rgba(104, 101, 101, 0.5);
324
+ box-shadow: rgba(104, 101, 101, 0.75) -12px 0, rgba(104, 101, 101, 0.25) 12px 0; }
325
+ 50% {
326
+ background: rgba(104, 101, 101, 0.75);
327
+ box-shadow: #686565 -12px 0, rgba(104, 101, 101, 0.5) 12px 0; }
328
+ 55% {
329
+ background: #686565;
330
+ box-shadow: #686565 -12px 0, rgba(104, 101, 101, 0.75) 12px 0; }
331
+ 60% {
332
+ background: #686565;
333
+ box-shadow: #686565 -12px 0, #686565 12px 0; }
334
+ 100% {
335
+ background: #686565;
336
+ box-shadow: #686565 -12px 0, #686565 12px 0; } }
337
+ .eos-icon-installing.md-36:before, .eos-icon-installing.md-36:after {
338
+ box-shadow: rgba(104, 101, 101, 0) -12px 0, rgba(104, 101, 101, 0) 12px 0;
339
+ height: 9px;
340
+ width: 9px; }
341
+ .eos-icon-installing.md-36:before {
342
+ animation: installing_animation_upper_md-36 3s ease-in-out infinite;
343
+ top: -12px; }
344
+
345
+ @keyframes installing_animation_upper_md-36 {
346
+ 0% {
347
+ background: rgba(104, 101, 101, 0);
348
+ box-shadow: rgba(104, 101, 101, 0) -12px 0, rgba(104, 101, 101, 0) 12px 0; }
349
+ 60% {
350
+ background: rgba(104, 101, 101, 0);
351
+ box-shadow: rgba(104, 101, 101, 0) -12px 0, rgba(104, 101, 101, 0) 12px 0; }
352
+ 65% {
353
+ background: rgba(104, 101, 101, 0);
354
+ box-shadow: rgba(104, 101, 101, 0.25) -12px 0, rgba(104, 101, 101, 0) 12px 0; }
355
+ 70% {
356
+ background: rgba(104, 101, 101, 0.25);
357
+ box-shadow: rgba(104, 101, 101, 0.5) -12px 0, rgba(104, 101, 101, 0) 12px 0; }
358
+ 75% {
359
+ background: rgba(104, 101, 101, 0.5);
360
+ box-shadow: rgba(104, 101, 101, 0.75) -12px 0, rgba(104, 101, 101, 0.25) 12px 0; }
361
+ 80% {
362
+ background: rgba(104, 101, 101, 0.75);
363
+ box-shadow: #686565 -12px 0, rgba(104, 101, 101, 0.5) 12px 0; }
364
+ 85% {
365
+ background: #686565;
366
+ box-shadow: #686565 -12px 0, rgba(104, 101, 101, 0.75) 12px 0; }
367
+ 90% {
368
+ background: #686565;
369
+ box-shadow: #686565 -12px 0, #686565 12px 0; }
370
+ 100% {
371
+ background: #686565;
372
+ box-shadow: #686565 -12px 0, #686565 12px 0; } }
373
+ .eos-icon-installing.md-36:after {
374
+ animation: installing_animation_bottom_md-36 3s ease-in-out infinite;
375
+ top: 12px; }
376
+
377
+ @keyframes installing_animation_bottom_md-36 {
378
+ 0% {
379
+ background: rgba(104, 101, 101, 0);
380
+ box-shadow: rgba(104, 101, 101, 0), rgba(104, 101, 101, 0); }
381
+ 5% {
382
+ background: rgba(104, 101, 101, 0);
383
+ box-shadow: rgba(104, 101, 101, 0.25), rgba(104, 101, 101, 0); }
384
+ 10% {
385
+ background: rgba(104, 101, 101, 0.25);
386
+ box-shadow: rgba(104, 101, 101, 0.5) -12px 0, rgba(104, 101, 101, 0) 12px 0; }
387
+ 15% {
388
+ background: rgba(104, 101, 101, 0.5);
389
+ box-shadow: rgba(104, 101, 101, 0.75) -12px 0, rgba(104, 101, 101, 0.25) 12px 0; }
390
+ 20% {
391
+ background: rgba(104, 101, 101, 0.75);
392
+ box-shadow: #686565 -12px 0, rgba(104, 101, 101, 0.5) 12px 0; }
393
+ 25% {
394
+ background: #686565;
395
+ box-shadow: #686565 -12px 0, rgba(104, 101, 101, 0.75) 12px 0; }
396
+ 30% {
397
+ background: #686565;
398
+ box-shadow: #686565 -12px 0, #686565 12px 0; }
399
+ 100% {
400
+ background: #686565;
401
+ box-shadow: #686565 -12px 0, #686565 12px 0; } }
402
+ .eos-icon-installing.md-48 {
403
+ animation: installing_animation_middle_md-48 3s ease-in-out infinite;
404
+ height: 12px;
405
+ margin: 18px;
406
+ width: 12px; }
407
+
408
+ @keyframes installing_animation_middle_md-48 {
409
+ 0% {
410
+ background: rgba(104, 101, 101, 0);
411
+ box-shadow: rgba(104, 101, 101, 0) -16px 0, rgba(104, 101, 101, 0) 16px 0; }
412
+ 30% {
413
+ background: rgba(104, 101, 101, 0);
414
+ box-shadow: rgba(104, 101, 101, 0) -16px 0, rgba(104, 101, 101, 0) 16px 0; }
415
+ 35% {
416
+ background: rgba(104, 101, 101, 0);
417
+ box-shadow: rgba(104, 101, 101, 0.25) -16px 0, rgba(104, 101, 101, 0) 16px 0; }
418
+ 40% {
419
+ background: rgba(104, 101, 101, 0.25);
420
+ box-shadow: rgba(104, 101, 101, 0.5) -16px 0, rgba(104, 101, 101, 0) 16px 0; }
421
+ 45% {
422
+ background: rgba(104, 101, 101, 0.5);
423
+ box-shadow: rgba(104, 101, 101, 0.75) -16px 0, rgba(104, 101, 101, 0.25) 16px 0; }
424
+ 50% {
425
+ background: rgba(104, 101, 101, 0.75);
426
+ box-shadow: #686565 -16px 0, rgba(104, 101, 101, 0.5) 16px 0; }
427
+ 55% {
428
+ background: #686565;
429
+ box-shadow: #686565 -16px 0, rgba(104, 101, 101, 0.75) 16px 0; }
430
+ 60% {
431
+ background: #686565;
432
+ box-shadow: #686565 -16px 0, #686565 16px 0; }
433
+ 100% {
434
+ background: #686565;
435
+ box-shadow: #686565 -16px 0, #686565 16px 0; } }
436
+ .eos-icon-installing.md-48:before, .eos-icon-installing.md-48:after {
437
+ box-shadow: rgba(104, 101, 101, 0) -16px 0, rgba(104, 101, 101, 0) 16px 0;
438
+ height: 12px;
439
+ width: 12px; }
440
+ .eos-icon-installing.md-48:before {
441
+ animation: installing_animation_upper_md-48 3s ease-in-out infinite;
442
+ top: -16px; }
443
+
444
+ @keyframes installing_animation_upper_md-48 {
445
+ 0% {
446
+ background: rgba(104, 101, 101, 0);
447
+ box-shadow: rgba(104, 101, 101, 0) -16px 0, rgba(104, 101, 101, 0) 16px 0; }
448
+ 60% {
449
+ background: rgba(104, 101, 101, 0);
450
+ box-shadow: rgba(104, 101, 101, 0) -16px 0, rgba(104, 101, 101, 0) 16px 0; }
451
+ 65% {
452
+ background: rgba(104, 101, 101, 0);
453
+ box-shadow: rgba(104, 101, 101, 0.25) -16px 0, rgba(104, 101, 101, 0) 16px 0; }
454
+ 70% {
455
+ background: rgba(104, 101, 101, 0.25);
456
+ box-shadow: rgba(104, 101, 101, 0.5) -16px 0, rgba(104, 101, 101, 0) 16px 0; }
457
+ 75% {
458
+ background: rgba(104, 101, 101, 0.5);
459
+ box-shadow: rgba(104, 101, 101, 0.75) -16px 0, rgba(104, 101, 101, 0.25) 16px 0; }
460
+ 80% {
461
+ background: rgba(104, 101, 101, 0.75);
462
+ box-shadow: #686565 -16px 0, rgba(104, 101, 101, 0.5) 16px 0; }
463
+ 85% {
464
+ background: #686565;
465
+ box-shadow: #686565 -16px 0, rgba(104, 101, 101, 0.75) 16px 0; }
466
+ 90% {
467
+ background: #686565;
468
+ box-shadow: #686565 -16px 0, #686565 16px 0; }
469
+ 100% {
470
+ background: #686565;
471
+ box-shadow: #686565 -16px 0, #686565 16px 0; } }
472
+ .eos-icon-installing.md-48:after {
473
+ animation: installing_animation_bottom_md-48 3s ease-in-out infinite;
474
+ top: 16px; }
475
+
476
+ @keyframes installing_animation_bottom_md-48 {
477
+ 0% {
478
+ background: rgba(104, 101, 101, 0);
479
+ box-shadow: rgba(104, 101, 101, 0), rgba(104, 101, 101, 0); }
480
+ 5% {
481
+ background: rgba(104, 101, 101, 0);
482
+ box-shadow: rgba(104, 101, 101, 0.25), rgba(104, 101, 101, 0); }
483
+ 10% {
484
+ background: rgba(104, 101, 101, 0.25);
485
+ box-shadow: rgba(104, 101, 101, 0.5) -16px 0, rgba(104, 101, 101, 0) 16px 0; }
486
+ 15% {
487
+ background: rgba(104, 101, 101, 0.5);
488
+ box-shadow: rgba(104, 101, 101, 0.75) -16px 0, rgba(104, 101, 101, 0.25) 16px 0; }
489
+ 20% {
490
+ background: rgba(104, 101, 101, 0.75);
491
+ box-shadow: #686565 -16px 0, rgba(104, 101, 101, 0.5) 16px 0; }
492
+ 25% {
493
+ background: #686565;
494
+ box-shadow: #686565 -16px 0, rgba(104, 101, 101, 0.75) 16px 0; }
495
+ 30% {
496
+ background: #686565;
497
+ box-shadow: #686565 -16px 0, #686565 16px 0; }
498
+ 100% {
499
+ background: #686565;
500
+ box-shadow: #686565 -16px 0, #686565 16px 0; } }
metadata ADDED
@@ -0,0 +1,93 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: eos_icons
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - Thomas Hutterer
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2018-10-10 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: railties
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ">="
18
+ - !ruby/object:Gem::Version
19
+ version: '3.1'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ">="
25
+ - !ruby/object:Gem::Version
26
+ version: '3.1'
27
+ - !ruby/object:Gem::Dependency
28
+ name: bundler
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '1.14'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '1.14'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '10.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '10.0'
55
+ description: " This gem allows for easy inclusion of the EOS iconic font into the
56
+ rails asset pipeline.\n"
57
+ email:
58
+ - thutterer@suse.de
59
+ executables: []
60
+ extensions: []
61
+ extra_rdoc_files: []
62
+ files:
63
+ - lib/eos_icons.rb
64
+ - vendor/assets/fonts/eos-icons.eot
65
+ - vendor/assets/fonts/eos-icons.ttf
66
+ - vendor/assets/fonts/eos-icons.woff
67
+ - vendor/assets/fonts/eos-icons.woff2
68
+ - vendor/assets/stylesheets/eos_icons.less
69
+ homepage: https://github.com/thutterer/eos-icons-rails
70
+ licenses:
71
+ - MIT
72
+ metadata: {}
73
+ post_install_message:
74
+ rdoc_options: []
75
+ require_paths:
76
+ - lib
77
+ required_ruby_version: !ruby/object:Gem::Requirement
78
+ requirements:
79
+ - - ">="
80
+ - !ruby/object:Gem::Version
81
+ version: '0'
82
+ required_rubygems_version: !ruby/object:Gem::Requirement
83
+ requirements:
84
+ - - ">="
85
+ - !ruby/object:Gem::Version
86
+ version: '0'
87
+ requirements: []
88
+ rubyforge_project:
89
+ rubygems_version: 2.5.1
90
+ signing_key:
91
+ specification_version: 4
92
+ summary: The EOS iconic font for the Rails asset pipeline.
93
+ test_files: []