~johnsca/charms/trusty/cloudfoundry/reconciler-ui

« back to all changes in this revision

Viewing changes to reconciler/ui/static/semantic/uncompressed/elements/basic.icon.css

  • Committer: Whit Morriss
  • Date: 2014-10-13 06:50:17 UTC
  • Revision ID: whit.morriss@canonical.com-20141013065017-0feo2ku3yllymkol
reorgย reconciler

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/*
 
2
 * # Semantic - basic.Icon (Basic)
 
3
 * http://github.com/jlukic/semantic-ui/
 
4
 *
 
5
 *
 
6
 * Copyright 2014 Contributors
 
7
 * Released under the MIT license
 
8
 * http://opensource.org/licenses/MIT
 
9
 *
 
10
 */
 
11
/*******************************
 
12
          Basic Icon
 
13
*******************************/
 
14
@font-face {
 
15
  font-family: 'Basic Icons';
 
16
  src: url(../fonts/basic.icons.eot);
 
17
  src: url(../fonts/basic.icons.eot?#iefix) format('embedded-opentype'), url(../fonts/basic.icons.svg#basic.icons) format('svg'), url(../fonts/basic.icons.woff) format('woff'), url(../fonts/basic.icons.ttf) format('truetype');
 
18
  font-style: normal;
 
19
  font-weight: normal;
 
20
  font-variant: normal;
 
21
  text-decoration: inherit;
 
22
  text-transform: none;
 
23
}
 
24
i.basic.icon {
 
25
  display: inline-block;
 
26
  opacity: 0.75;
 
27
  margin: 0em 0.25em 0em 0em;
 
28
  width: 1.23em;
 
29
  height: 1em;
 
30
  font-family: 'Basic Icons';
 
31
  font-style: normal;
 
32
  line-height: 1;
 
33
  font-weight: normal;
 
34
  text-decoration: inherit;
 
35
  text-align: center;
 
36
  speak: none;
 
37
  -webkit-box-sizing: border-box;
 
38
  -moz-box-sizing: border-box;
 
39
  -ms-box-sizing: border-box;
 
40
  box-sizing: border-box;
 
41
  -webkit-font-smoothing: antialiased;
 
42
  -moz-font-smoothing: antialiased;
 
43
  font-smoothing: antialiased;
 
44
}
 
45
/* basic.icons available */
 
46
i.basic.icon.circle.attention:before {
 
47
  content: '\2757';
 
48
}
 
49
/* 'โ—' */
 
50
i.basic.icon.circle.help:before {
 
51
  content: '\e704';
 
52
}
 
53
/* '๎œ„' */
 
54
i.basic.icon.circle.info:before {
 
55
  content: '\e705';
 
56
}
 
57
/* '๎œ…' */
 
58
i.basic.icon.add:before {
 
59
  content: '\2795';
 
60
}
 
61
/* 'โž•' */
 
62
i.basic.icon.chart:before {
 
63
  content: '๐Ÿ“ˆ';
 
64
}
 
65
/* '\1f4c8' */
 
66
i.basic.icon.chart.bar:before {
 
67
  content: '๐Ÿ“Š';
 
68
}
 
69
/* '\1f4ca' */
 
70
i.basic.icon.chart.pie:before {
 
71
  content: '\e7a2';
 
72
}
 
73
/* '๎žข' */
 
74
i.basic.icon.resize.full:before {
 
75
  content: '\e744';
 
76
}
 
77
/* '๎„' */
 
78
i.basic.icon.resize.horizontal:before {
 
79
  content: '\2b0d';
 
80
}
 
81
/* 'โฌ' */
 
82
i.basic.icon.resize.small:before {
 
83
  content: '\e746';
 
84
}
 
85
/* '๎†' */
 
86
i.basic.icon.resize.vertical:before {
 
87
  content: '\2b0c';
 
88
}
 
89
/* 'โฌŒ' */
 
90
i.basic.icon.down:before {
 
91
  content: '\2193';
 
92
}
 
93
/* 'โ†“' */
 
94
i.basic.icon.down.triangle:before {
 
95
  content: '\25be';
 
96
}
 
97
/* 'โ–พ' */
 
98
i.basic.icon.down.arrow:before {
 
99
  content: '\e75c';
 
100
}
 
101
/* '๎œ' */
 
102
i.basic.icon.left:before {
 
103
  content: '\2190';
 
104
}
 
105
/* 'โ†' */
 
106
i.basic.icon.left.triangle:before {
 
107
  content: '\25c2';
 
108
}
 
109
/* 'โ—‚' */
 
110
i.basic.icon.left.arrow:before {
 
111
  content: '\e75d';
 
112
}
 
113
/* '๎' */
 
114
i.basic.icon.right:before {
 
115
  content: '\2192';
 
116
}
 
117
/* 'โ†’' */
 
118
i.basic.icon.right.triangle:before {
 
119
  content: '\25b8';
 
120
}
 
121
/* 'โ–ธ' */
 
122
i.basic.icon.right.arrow:before {
 
123
  content: '\e75e';
 
124
}
 
125
/* '๎ž' */
 
126
i.basic.icon.up:before {
 
127
  content: '\2191';
 
128
}
 
129
/* 'โ†‘' */
 
130
i.basic.icon.up.triangle:before {
 
131
  content: '\25b4';
 
132
}
 
133
/* 'โ–ด' */
 
134
i.basic.icon.up.arrow:before {
 
135
  content: '\e75f';
 
136
}
 
137
/* '๎Ÿ' */
 
138
i.basic.icon.folder:before {
 
139
  content: '\e810';
 
140
}
 
141
/* '๎ ' */
 
142
i.basic.icon.open.folder:before {
 
143
  content: '๐Ÿ“‚';
 
144
}
 
145
/* '\1f4c2' */
 
146
i.basic.icon.globe:before {
 
147
  content: '๐Œ';
 
148
}
 
149
/* '\1d30d' */
 
150
i.basic.icon.desk.globe:before {
 
151
  content: '๐ŸŒ';
 
152
}
 
153
/* '\1f310' */
 
154
i.basic.icon.star:before {
 
155
  content: '\e801';
 
156
}
 
157
/* '๎ ' */
 
158
i.basic.icon.star.empty:before {
 
159
  content: '\e800';
 
160
}
 
161
/* '๎ €' */
 
162
i.basic.icon.star.half:before {
 
163
  content: '\e701';
 
164
}
 
165
/* '๎œ' */
 
166
i.basic.icon.lock:before {
 
167
  content: '๐Ÿ”’';
 
168
}
 
169
/* '\1f512' */
 
170
i.basic.icon.unlock:before {
 
171
  content: '๐Ÿ”“';
 
172
}
 
173
/* '\1f513' */
 
174
i.basic.icon.layout.grid:before {
 
175
  content: '\e80c';
 
176
}
 
177
/* '๎ Œ' */
 
178
i.basic.icon.layout.block:before {
 
179
  content: '\e708';
 
180
}
 
181
/* '๎œˆ' */
 
182
i.basic.icon.layout.list:before {
 
183
  content: '\e80b';
 
184
}
 
185
/* '๎ ‹' */
 
186
i.basic.icon.heart.empty:before {
 
187
  content: '\2661';
 
188
}
 
189
/* 'โ™ก' */
 
190
i.basic.icon.heart:before {
 
191
  content: '\2665';
 
192
}
 
193
/* 'โ™ฅ' */
 
194
i.basic.icon.asterisk:before {
 
195
  content: '\2731';
 
196
}
 
197
/* 'โœฑ' */
 
198
i.basic.icon.attachment:before {
 
199
  content: '๐Ÿ“Ž';
 
200
}
 
201
/* '\1f4ce' */
 
202
i.basic.icon.attention:before {
 
203
  content: '\26a0';
 
204
}
 
205
/* 'โš ' */
 
206
i.basic.icon.trophy:before {
 
207
  content: '๐Ÿ‰';
 
208
}
 
209
/* '\1f3c9' */
 
210
i.basic.icon.barcode:before {
 
211
  content: '\e792';
 
212
}
 
213
/* '๎ž’' */
 
214
i.basic.icon.cart:before {
 
215
  content: '\e813';
 
216
}
 
217
/* '๎ “' */
 
218
i.basic.icon.block:before {
 
219
  content: '๐Ÿšซ';
 
220
}
 
221
/* '\1f6ab' */
 
222
i.basic.icon.book:before {
 
223
  content: '๐Ÿ“–';
 
224
}
 
225
i.basic.icon.bookmark:before {
 
226
  content: '๐Ÿ”–';
 
227
}
 
228
/* '\1f516' */
 
229
i.basic.icon.calendar:before {
 
230
  content: '๐Ÿ“…';
 
231
}
 
232
/* '\1f4c5' */
 
233
i.basic.icon.cancel:before {
 
234
  content: '\2716';
 
235
}
 
236
/* 'โœ–' */
 
237
i.basic.icon.close:before {
 
238
  content: '\e80d';
 
239
}
 
240
/* '๎ ' */
 
241
i.basic.icon.color:before {
 
242
  content: '\e794';
 
243
}
 
244
/* '๎ž”' */
 
245
i.basic.icon.chat:before {
 
246
  content: '\e720';
 
247
}
 
248
/* '๎œ ' */
 
249
i.basic.icon.check:before {
 
250
  content: '\2611';
 
251
}
 
252
/* 'โ˜‘' */
 
253
i.basic.icon.time:before {
 
254
  content: '๐Ÿ•”';
 
255
}
 
256
/* '\1f554' */
 
257
i.basic.icon.cloud:before {
 
258
  content: '\2601';
 
259
}
 
260
/* 'โ˜' */
 
261
i.basic.icon.code:before {
 
262
  content: '\e714';
 
263
}
 
264
/* '๎œ”' */
 
265
i.basic.icon.email:before {
 
266
  content: '\40';
 
267
}
 
268
/* '@' */
 
269
i.basic.icon.settings:before {
 
270
  content: '\26ef';
 
271
}
 
272
/* 'โ›ฏ' */
 
273
i.basic.icon.setting:before {
 
274
  content: '\2699';
 
275
}
 
276
/* 'โš™' */
 
277
i.basic.icon.comment:before {
 
278
  content: '\e802';
 
279
}
 
280
/* '๎ ‚' */
 
281
i.basic.icon.clockwise.counter:before {
 
282
  content: '\27f2';
 
283
}
 
284
/* 'โŸฒ' */
 
285
i.basic.icon.clockwise:before {
 
286
  content: '\27f3';
 
287
}
 
288
/* 'โŸณ' */
 
289
i.basic.icon.cube:before {
 
290
  content: '\e807';
 
291
}
 
292
/* '๎ ‡' */
 
293
i.basic.icon.direction:before {
 
294
  content: '\27a2';
 
295
}
 
296
/* 'โžข' */
 
297
i.basic.icon.doc:before {
 
298
  content: '๐Ÿ“„';
 
299
}
 
300
/* '\1f4c4' */
 
301
i.basic.icon.docs:before {
 
302
  content: '\e736';
 
303
}
 
304
/* '๎œถ' */
 
305
i.basic.icon.dollar:before {
 
306
  content: '๐Ÿ’ต';
 
307
}
 
308
/* '\1f4b5' */
 
309
i.basic.icon.paint:before {
 
310
  content: '\e7b5';
 
311
}
 
312
/* '๎žต' */
 
313
i.basic.icon.edit:before {
 
314
  content: '\270d';
 
315
}
 
316
/* 'โœ' */
 
317
i.basic.icon.eject:before {
 
318
  content: '\2ecf';
 
319
}
 
320
/* 'โป' */
 
321
i.basic.icon.export:before {
 
322
  content: '\e715';
 
323
}
 
324
/* '๎œ•' */
 
325
i.basic.icon.hide:before {
 
326
  content: '\e70b';
 
327
}
 
328
/* '๎œ‹' */
 
329
i.basic.icon.unhide:before {
 
330
  content: '\e80f';
 
331
}
 
332
/* '๎ ' */
 
333
i.basic.icon.facebook:before {
 
334
  content: '\f301';
 
335
}
 
336
/* '๏Œ' */
 
337
i.basic.icon.fast-forward:before {
 
338
  content: '\e804';
 
339
}
 
340
/* '๎ „' */
 
341
i.basic.icon.fire:before {
 
342
  content: '๐Ÿ”ฅ';
 
343
}
 
344
/* '\1f525' */
 
345
i.basic.icon.flag:before {
 
346
  content: '\2691';
 
347
}
 
348
/* 'โš‘' */
 
349
i.basic.icon.lightning:before {
 
350
  content: '\26a1';
 
351
}
 
352
/* 'โšก' */
 
353
i.basic.icon.lab:before {
 
354
  content: '\68';
 
355
}
 
356
/* 'h' */
 
357
i.basic.icon.flight:before {
 
358
  content: '\2708';
 
359
}
 
360
/* 'โœˆ' */
 
361
i.basic.icon.forward:before {
 
362
  content: '\27a6';
 
363
}
 
364
/* 'โžฆ' */
 
365
i.basic.icon.gift:before {
 
366
  content: '๐ŸŽ';
 
367
}
 
368
/* '\1f381' */
 
369
i.basic.icon.github:before {
 
370
  content: '\f308';
 
371
}
 
372
/* '๏Œˆ' */
 
373
i.basic.icon.globe:before {
 
374
  content: '\e817';
 
375
}
 
376
/* '๎ —' */
 
377
i.basic.icon.headphones:before {
 
378
  content: '๐ŸŽง';
 
379
}
 
380
/* '\1f3a7' */
 
381
i.basic.icon.question:before {
 
382
  content: '\2753';
 
383
}
 
384
/* 'โ“' */
 
385
i.basic.icon.home:before {
 
386
  content: '\2302';
 
387
}
 
388
/* 'โŒ‚' */
 
389
i.basic.icon.i:before {
 
390
  content: '\2139';
 
391
}
 
392
/* 'โ„น' */
 
393
i.basic.icon.idea:before {
 
394
  content: '๐Ÿ’ก';
 
395
}
 
396
/* '\1f4a1' */
 
397
i.basic.icon.open:before {
 
398
  content: '๐Ÿ”—';
 
399
}
 
400
/* '\1f517' */
 
401
i.basic.icon.content:before {
 
402
  content: '\e782';
 
403
}
 
404
/* '๎ž‚' */
 
405
i.basic.icon.location:before {
 
406
  content: '\e724';
 
407
}
 
408
/* '๎œค' */
 
409
i.basic.icon.mail:before {
 
410
  content: '\2709';
 
411
}
 
412
/* 'โœ‰' */
 
413
i.basic.icon.mic:before {
 
414
  content: '๐ŸŽค';
 
415
}
 
416
/* '\1f3a4' */
 
417
i.basic.icon.minus:before {
 
418
  content: '\2d';
 
419
}
 
420
/* '-' */
 
421
i.basic.icon.money:before {
 
422
  content: '๐Ÿ’ฐ';
 
423
}
 
424
/* '\1f4b0' */
 
425
i.basic.icon.off:before {
 
426
  content: '\e78e';
 
427
}
 
428
/* '๎žŽ' */
 
429
i.basic.icon.pause:before {
 
430
  content: '\e808';
 
431
}
 
432
/* '๎ ˆ' */
 
433
i.basic.icon.photos:before {
 
434
  content: '\e812';
 
435
}
 
436
/* '๎ ’' */
 
437
i.basic.icon.photo:before {
 
438
  content: '๐ŸŒ„';
 
439
}
 
440
/* '\1f304' */
 
441
i.basic.icon.pin:before {
 
442
  content: '๐Ÿ“Œ';
 
443
}
 
444
/* '\1f4cc' */
 
445
i.basic.icon.play:before {
 
446
  content: '\e809';
 
447
}
 
448
/* '๎ ‰' */
 
449
i.basic.icon.plus:before {
 
450
  content: '\2b';
 
451
}
 
452
/* '+' */
 
453
i.basic.icon.print:before {
 
454
  content: '\e716';
 
455
}
 
456
/* '๎œ–' */
 
457
i.basic.icon.rss:before {
 
458
  content: '\e73a';
 
459
}
 
460
/* '๎œบ' */
 
461
i.basic.icon.search:before {
 
462
  content: '๐Ÿ”';
 
463
}
 
464
/* '\1f50d' */
 
465
i.basic.icon.shuffle:before {
 
466
  content: '\e803';
 
467
}
 
468
/* '๎ ƒ' */
 
469
i.basic.icon.tag:before {
 
470
  content: '\e80a';
 
471
}
 
472
/* '๎ Š' */
 
473
i.basic.icon.tags:before {
 
474
  content: '\e70d';
 
475
}
 
476
/* '๎œ' */
 
477
i.basic.icon.terminal:before {
 
478
  content: '\e7ac';
 
479
}
 
480
/* '๎žฌ' */
 
481
i.basic.icon.thumbs.down:before {
 
482
  content: '๐Ÿ‘Ž';
 
483
}
 
484
/* '\1f44e' */
 
485
i.basic.icon.thumbs.up:before {
 
486
  content: '๐Ÿ‘';
 
487
}
 
488
/* '\1f44d' */
 
489
i.basic.icon.to-end:before {
 
490
  content: '\e806';
 
491
}
 
492
/* '๎ †' */
 
493
i.basic.icon.to-start:before {
 
494
  content: '\e805';
 
495
}
 
496
/* '๎ …' */
 
497
i.basic.icon.top.list:before {
 
498
  content: '๐Ÿ†';
 
499
}
 
500
/* '\1f3c6' */
 
501
i.basic.icon.trash:before {
 
502
  content: '\e729';
 
503
}
 
504
/* '๎œฉ' */
 
505
i.basic.icon.twitter:before {
 
506
  content: '\f303';
 
507
}
 
508
/* '๏Œƒ' */
 
509
i.basic.icon.upload:before {
 
510
  content: '\e711';
 
511
}
 
512
/* '๎œ‘' */
 
513
i.basic.icon.user.add:before {
 
514
  content: '\e700';
 
515
}
 
516
/* '๎œ€' */
 
517
i.basic.icon.user:before {
 
518
  content: '๐Ÿ‘ค';
 
519
}
 
520
/* '\1f464' */
 
521
i.basic.icon.community:before {
 
522
  content: '\e814';
 
523
}
 
524
/* '๎ ”' */
 
525
i.basic.icon.users:before {
 
526
  content: '๐Ÿ‘ฅ';
 
527
}
 
528
/* '\1f465' */
 
529
i.basic.icon.id:before {
 
530
  content: '\e722';
 
531
}
 
532
/* '๎œข' */
 
533
i.basic.icon.url:before {
 
534
  content: '๐Ÿ”—';
 
535
}
 
536
/* '\1f517' */
 
537
i.basic.icon.zoom.in:before {
 
538
  content: '\e750';
 
539
}
 
540
/* '๎' */
 
541
i.basic.icon.zoom.out:before {
 
542
  content: '\e751';
 
543
}
 
544
/* '๎‘' */
 
545
/*--------------
 
546
   Spacing Fix
 
547
---------------*/
 
548
/* dropdown arrows are to the right */
 
549
i.dropdown.basic.icon {
 
550
  margin: 0em 0em 0em 0.5em;
 
551
}
 
552
/* stars are usually consecutive */
 
553
i.basic.icon.star {
 
554
  width: auto;
 
555
  margin: 0em;
 
556
}
 
557
/* left side basic.icons */
 
558
i.basic.icon.left,
 
559
i.basic.icon.left,
 
560
i.basic.icon.left {
 
561
  width: auto;
 
562
  margin: 0em 0.5em 0em 0em;
 
563
}
 
564
/* right side basic.icons */
 
565
i.basic.icon.search,
 
566
i.basic.icon.up,
 
567
i.basic.icon.down,
 
568
i.basic.icon.right {
 
569
  width: auto;
 
570
  margin: 0em 0em 0em 0.5em;
 
571
}
 
572
/*--------------
 
573
     Aliases
 
574
---------------*/
 
575
/* aliases for convenience */
 
576
i.basic.icon.delete:before {
 
577
  content: '\e80d';
 
578
}
 
579
/* '๎ ' */
 
580
i.basic.icon.dropdown:before {
 
581
  content: '\25be';
 
582
}
 
583
/* 'โ–พ' */
 
584
i.basic.icon.help:before {
 
585
  content: '\e704';
 
586
}
 
587
/* '๎œ„' */
 
588
i.basic.icon.info:before {
 
589
  content: '\e705';
 
590
}
 
591
/* '๎œ…' */
 
592
i.basic.icon.error:before {
 
593
  content: '\e80d';
 
594
}
 
595
/* '๎ ' */
 
596
i.basic.icon.dislike:before {
 
597
  content: '\2661';
 
598
}
 
599
/* 'โ™ก' */
 
600
i.basic.icon.like:before {
 
601
  content: '\2665';
 
602
}
 
603
/* 'โ™ฅ' */
 
604
i.basic.icon.eye:before {
 
605
  content: '\e80f';
 
606
}
 
607
/* '๎ ' */
 
608
i.basic.icon.eye.hidden:before {
 
609
  content: '\e70b';
 
610
}
 
611
/* '๎œ‹' */
 
612
i.basic.icon.date:before {
 
613
  content: '๐Ÿ“…';
 
614
}
 
615
/* '\1f4c5' */
 
616
/*******************************
 
617
             States
 
618
*******************************/
 
619
i.basic.icon.hover {
 
620
  opacity: 1;
 
621
}
 
622
i.basic.icon.active {
 
623
  opacity: 1;
 
624
}
 
625
i.emphasized.basic.icon {
 
626
  opacity: 1;
 
627
}
 
628
i.basic.icon.disabled {
 
629
  opacity: 0.3;
 
630
}
 
631
/*******************************
 
632
           Variations
 
633
*******************************/
 
634
/*-------------------
 
635
         Link
 
636
--------------------*/
 
637
i.link.basic.icon {
 
638
  cursor: pointer;
 
639
  opacity: 0.7;
 
640
  -webkit-transition: opacity 0.3s ease-out;
 
641
  -moz-transition: opacity 0.3s ease-out;
 
642
  transition: opacity 0.3s ease-out;
 
643
}
 
644
.link.basic.icon:hover {
 
645
  opacity: 1 !important;
 
646
}
 
647
/*-------------------
 
648
      Circular
 
649
--------------------*/
 
650
i.circular.basic.icon {
 
651
  border-radius: 500px !important;
 
652
  padding: 0.5em 0em !important;
 
653
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
 
654
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
 
655
  line-height: 1 !important;
 
656
  width: 2em !important;
 
657
  height: 2em !important;
 
658
}
 
659
i.circular.inverted.basic.icon {
 
660
  border: none;
 
661
  -webkit-box-shadow: none;
 
662
  box-shadow: none;
 
663
}
 
664
/*-------------------
 
665
      Flipped
 
666
--------------------*/
 
667
i.vertically.flipped.basic.icon {
 
668
  -webkit-transform: scale(1, -1);
 
669
  -moz-transform: scale(1, -1);
 
670
  -ms-transform: scale(1, -1);
 
671
  transform: scale(1, -1);
 
672
}
 
673
i.horizontally.flipped.basic.icon {
 
674
  -webkit-transform: scale(-1, 1);
 
675
  -moz-transform: scale(-1, 1);
 
676
  -ms-transform: scale(-1, 1);
 
677
  transform: scale(-1, 1);
 
678
}
 
679
/*-------------------
 
680
        Rotated
 
681
--------------------*/
 
682
i.left.rotated.basic.icon {
 
683
  -webkit-transform: rotate(-90deg);
 
684
  -moz-transform: rotate(-90deg);
 
685
  -ms-transform: rotate(-90deg);
 
686
  transform: rotate(-90deg);
 
687
}
 
688
i.right.rotated.basic.icon {
 
689
  -webkit-transform: rotate(90deg);
 
690
  -moz-transform: rotate(90deg);
 
691
  -ms-transform: rotate(90deg);
 
692
  transform: rotate(90deg);
 
693
}
 
694
/*-------------------
 
695
        Square
 
696
--------------------*/
 
697
i.square.basic.icon {
 
698
  width: 2em;
 
699
  height: 2em;
 
700
  padding: 0.5em 0.35em !important;
 
701
  -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
 
702
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
 
703
  vertical-align: baseline;
 
704
}
 
705
i.square.basic.icon:before {
 
706
  vertical-align: middle;
 
707
}
 
708
i.square.inverted.basic.icon {
 
709
  border: none;
 
710
  -webkit-box-shadow: none;
 
711
  box-shadow: none;
 
712
}
 
713
/*-------------------
 
714
      Inverted
 
715
--------------------*/
 
716
i.inverted.basic.icon {
 
717
  background-color: #222222;
 
718
  color: #FFFFFF;
 
719
}
 
720
/*-------------------
 
721
       Colors
 
722
--------------------*/
 
723
i.blue.basic.icon {
 
724
  color: #6ECFF5 !important;
 
725
}
 
726
i.black.basic.icon {
 
727
  color: #5C6166 !important;
 
728
}
 
729
i.green.basic.icon {
 
730
  color: #A1CF64 !important;
 
731
}
 
732
i.red.basic.icon {
 
733
  color: #D95C5C !important;
 
734
}
 
735
i.purple.basic.icon {
 
736
  color: #564F8A !important;
 
737
}
 
738
i.teal.basic.icon {
 
739
  color: #00B5AD !important;
 
740
}
 
741
/*-------------------
 
742
   Inverted Colors
 
743
--------------------*/
 
744
i.inverted.black.basic.icon {
 
745
  background-color: #5C6166 !important;
 
746
  color: #FFFFFF !important;
 
747
}
 
748
i.inverted.blue.basic.icon {
 
749
  background-color: #6ECFF5 !important;
 
750
  color: #FFFFFF !important;
 
751
}
 
752
i.inverted.green.basic.icon {
 
753
  background-color: #A1CF64 !important;
 
754
  color: #FFFFFF !important;
 
755
}
 
756
i.inverted.red.basic.icon {
 
757
  background-color: #D95C5C !important;
 
758
  color: #FFFFFF !important;
 
759
}
 
760
i.inverted.purple.basic.icon {
 
761
  background-color: #564F8A !important;
 
762
  color: #FFFFFF !important;
 
763
}
 
764
i.inverted.teal.basic.icon {
 
765
  background-color: #00B5AD !important;
 
766
  color: #FFFFFF !important;
 
767
}
 
768
/*-------------------
 
769
        Sizes
 
770
--------------------*/
 
771
i.small.basic.icon {
 
772
  font-size: 0.875em;
 
773
}
 
774
i.basic.icon {
 
775
  font-size: 1em;
 
776
}
 
777
i.large.basic.icon {
 
778
  font-size: 1.5em;
 
779
  margin-right: 0.2em;
 
780
  vertical-align: middle;
 
781
}
 
782
i.big.basic.icon {
 
783
  font-size: 2em;
 
784
  margin-right: 0.5em;
 
785
  vertical-align: middle;
 
786
}
 
787
i.huge.basic.icon {
 
788
  font-size: 4em;
 
789
  margin-right: 0.75em;
 
790
  vertical-align: middle;
 
791
}
 
792
i.massive.basic.icon {
 
793
  font-size: 8em;
 
794
  margin-right: 1em;
 
795
  vertical-align: middle;
 
796
}