semantic-ui-sass 2.1.6.0 → 2.1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/README.md +2 -0
  4. data/app/assets/javascripts/semantic-ui/api.js +22 -16
  5. data/app/assets/javascripts/semantic-ui/checkbox.js +4 -4
  6. data/app/assets/javascripts/semantic-ui/popup.js +7 -3
  7. data/app/assets/javascripts/semantic-ui/search.js +36 -11
  8. data/app/assets/javascripts/semantic-ui/transition.js +1 -1
  9. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +2 -2
  10. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +42 -47
  11. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +32 -32
  12. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +75 -74
  13. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +51 -51
  14. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +61 -61
  15. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +284 -284
  16. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  17. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +2 -2
  18. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +10 -2
  19. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +41 -41
  20. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +55 -55
  21. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +13 -13
  23. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +115 -115
  24. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +3 -3
  25. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +3 -3
  26. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  27. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  28. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +47 -47
  29. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +12 -12
  30. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +6 -6
  32. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +2 -2
  33. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +19 -19
  34. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  35. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +20 -20
  36. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +4 -4
  37. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +9 -9
  38. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +4 -4
  39. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +14 -14
  40. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +45 -45
  41. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +9 -9
  42. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +47 -14
  43. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
  44. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -18
  45. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +2 -2
  49. data/app/assets/stylesheets/semantic-ui/views/_card.scss +35 -35
  50. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +3 -3
  52. data/app/assets/stylesheets/semantic-ui/views/_item.scss +5 -5
  53. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +26 -26
  54. data/app/helpers/semantic_icon_helper.rb +2 -2
  55. data/lib/semantic/ui/sass/version.rb +2 -2
  56. data/spec/helpers/semantic_icon_helper_spec.rb +16 -0
  57. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Container
2
+ * # Semantic UI 2.1.7 - Container
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Divider
2
+ * # Semantic UI 2.1.7 - Divider
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -195,7 +195,7 @@
195
195
  .ui.divider.inverted,
196
196
  .ui.vertical.inverted.divider,
197
197
  .ui.horizontal.inverted.divider {
198
- color: #FFFFFF;
198
+ color: #ffffff;
199
199
  }
200
200
  .ui.divider.inverted,
201
201
  .ui.divider.inverted:after,
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Flag
2
+ * # Semantic UI 2.1.7 - Flag
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -32,7 +32,7 @@ i.flag:not(.icon) {
32
32
  i.flag:not(.icon):before {
33
33
  display: inline-block;
34
34
  content: '';
35
- background: image-url("semantic-ui/flags.png") no-repeat 0px 0px;
35
+ background: image-url("semantic-ui/flags.png") no-repeat -108px -1976px;
36
36
  width: 16px;
37
37
  height: 11px;
38
38
  }
@@ -806,6 +806,10 @@ i.flag.sc:before,
806
806
  i.flag.seychelles:before {
807
807
  background-position: -72px -988px;
808
808
  }
809
+ i.flag.gb.sct:before,
810
+ i.flag.scotland:before {
811
+ background-position: -72px -1014px;
812
+ }
809
813
  i.flag.sd:before,
810
814
  i.flag.sudan:before {
811
815
  background-position: -72px -1040px;
@@ -988,6 +992,10 @@ i.flag.vu:before,
988
992
  i.flag.vanuatu:before {
989
993
  background-position: -108px -182px;
990
994
  }
995
+ i.flag.gb.wls:before,
996
+ i.flag.wales:before {
997
+ background-position: -108px -208px;
998
+ }
991
999
  i.flag.wf:before,
992
1000
  i.flag.wallis.and.futuna:before {
993
1001
  background-position: -108px -234px;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Header
2
+ * # Semantic UI 2.1.7 - Header
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -295,7 +295,7 @@ h5.ui.header .sub.header {
295
295
  --------------------*/
296
296
 
297
297
  .ui.inverted.header {
298
- color: #FFFFFF;
298
+ color: #ffffff;
299
299
  }
300
300
  .ui.inverted.header .sub.header {
301
301
  color: rgba(255, 255, 255, 0.8);
@@ -323,18 +323,18 @@ h5.ui.header .sub.header {
323
323
  /*--- Red ---*/
324
324
 
325
325
  .ui.red.header {
326
- color: #DB2828 !important;
326
+ color: #db2828 !important;
327
327
  }
328
328
  a.ui.red.header:hover {
329
329
  color: #d01919 !important;
330
330
  }
331
331
  .ui.red.dividing.header {
332
- border-bottom: 2px solid #DB2828;
332
+ border-bottom: 2px solid #db2828;
333
333
  }
334
334
 
335
335
  /* Inverted */
336
336
  .ui.inverted.red.header {
337
- color: #FF695E !important;
337
+ color: #ff695e !important;
338
338
  }
339
339
  a.ui.inverted.red.header:hover {
340
340
  color: #ff5144 !important;
@@ -343,18 +343,18 @@ a.ui.inverted.red.header:hover {
343
343
  /*--- Orange ---*/
344
344
 
345
345
  .ui.orange.header {
346
- color: #F2711C !important;
346
+ color: #f2711c !important;
347
347
  }
348
348
  a.ui.orange.header:hover {
349
349
  color: #f26202 !important;
350
350
  }
351
351
  .ui.orange.dividing.header {
352
- border-bottom: 2px solid #F2711C;
352
+ border-bottom: 2px solid #f2711c;
353
353
  }
354
354
 
355
355
  /* Inverted */
356
356
  .ui.inverted.orange.header {
357
- color: #FF851B !important;
357
+ color: #ff851b !important;
358
358
  }
359
359
  a.ui.inverted.orange.header:hover {
360
360
  color: #ff7701 !important;
@@ -363,18 +363,18 @@ a.ui.inverted.orange.header:hover {
363
363
  /*--- Olive ---*/
364
364
 
365
365
  .ui.olive.header {
366
- color: #B5CC18 !important;
366
+ color: #b5cc18 !important;
367
367
  }
368
368
  a.ui.olive.header:hover {
369
369
  color: #a7bd0d !important;
370
370
  }
371
371
  .ui.olive.dividing.header {
372
- border-bottom: 2px solid #B5CC18;
372
+ border-bottom: 2px solid #b5cc18;
373
373
  }
374
374
 
375
375
  /* Inverted */
376
376
  .ui.inverted.olive.header {
377
- color: #D9E778 !important;
377
+ color: #d9e778 !important;
378
378
  }
379
379
  a.ui.inverted.olive.header:hover {
380
380
  color: #d8ea5c !important;
@@ -383,18 +383,18 @@ a.ui.inverted.olive.header:hover {
383
383
  /*--- Yellow ---*/
384
384
 
385
385
  .ui.yellow.header {
386
- color: #FBBD08 !important;
386
+ color: #fbbd08 !important;
387
387
  }
388
388
  a.ui.yellow.header:hover {
389
389
  color: #eaae00 !important;
390
390
  }
391
391
  .ui.yellow.dividing.header {
392
- border-bottom: 2px solid #FBBD08;
392
+ border-bottom: 2px solid #fbbd08;
393
393
  }
394
394
 
395
395
  /* Inverted */
396
396
  .ui.inverted.yellow.header {
397
- color: #FFE21F !important;
397
+ color: #ffe21f !important;
398
398
  }
399
399
  a.ui.inverted.yellow.header:hover {
400
400
  color: #ffdf05 !important;
@@ -403,18 +403,18 @@ a.ui.inverted.yellow.header:hover {
403
403
  /*--- Green ---*/
404
404
 
405
405
  .ui.green.header {
406
- color: #21BA45 !important;
406
+ color: #21ba45 !important;
407
407
  }
408
408
  a.ui.green.header:hover {
409
409
  color: #16ab39 !important;
410
410
  }
411
411
  .ui.green.dividing.header {
412
- border-bottom: 2px solid #21BA45;
412
+ border-bottom: 2px solid #21ba45;
413
413
  }
414
414
 
415
415
  /* Inverted */
416
416
  .ui.inverted.green.header {
417
- color: #2ECC40 !important;
417
+ color: #2ecc40 !important;
418
418
  }
419
419
  a.ui.inverted.green.header:hover {
420
420
  color: #22be34 !important;
@@ -423,18 +423,18 @@ a.ui.inverted.green.header:hover {
423
423
  /*--- Teal ---*/
424
424
 
425
425
  .ui.teal.header {
426
- color: #00B5AD !important;
426
+ color: #00b5ad !important;
427
427
  }
428
428
  a.ui.teal.header:hover {
429
429
  color: #009c95 !important;
430
430
  }
431
431
  .ui.teal.dividing.header {
432
- border-bottom: 2px solid #00B5AD;
432
+ border-bottom: 2px solid #00b5ad;
433
433
  }
434
434
 
435
435
  /* Inverted */
436
436
  .ui.inverted.teal.header {
437
- color: #6DFFFF !important;
437
+ color: #6dffff !important;
438
438
  }
439
439
  a.ui.inverted.teal.header:hover {
440
440
  color: #54ffff !important;
@@ -443,18 +443,18 @@ a.ui.inverted.teal.header:hover {
443
443
  /*--- Blue ---*/
444
444
 
445
445
  .ui.blue.header {
446
- color: #2185D0 !important;
446
+ color: #2185d0 !important;
447
447
  }
448
448
  a.ui.blue.header:hover {
449
449
  color: #1678c2 !important;
450
450
  }
451
451
  .ui.blue.dividing.header {
452
- border-bottom: 2px solid #2185D0;
452
+ border-bottom: 2px solid #2185d0;
453
453
  }
454
454
 
455
455
  /* Inverted */
456
456
  .ui.inverted.blue.header {
457
- color: #54C8FF !important;
457
+ color: #54c8ff !important;
458
458
  }
459
459
  a.ui.inverted.blue.header:hover {
460
460
  color: #3ac0ff !important;
@@ -463,18 +463,18 @@ a.ui.inverted.blue.header:hover {
463
463
  /*--- Violet ---*/
464
464
 
465
465
  .ui.violet.header {
466
- color: #6435C9 !important;
466
+ color: #6435c9 !important;
467
467
  }
468
468
  a.ui.violet.header:hover {
469
469
  color: #5829bb !important;
470
470
  }
471
471
  .ui.violet.dividing.header {
472
- border-bottom: 2px solid #6435C9;
472
+ border-bottom: 2px solid #6435c9;
473
473
  }
474
474
 
475
475
  /* Inverted */
476
476
  .ui.inverted.violet.header {
477
- color: #A291FB !important;
477
+ color: #a291fb !important;
478
478
  }
479
479
  a.ui.inverted.violet.header:hover {
480
480
  color: #8a73ff !important;
@@ -483,18 +483,18 @@ a.ui.inverted.violet.header:hover {
483
483
  /*--- Purple ---*/
484
484
 
485
485
  .ui.purple.header {
486
- color: #A333C8 !important;
486
+ color: #a333c8 !important;
487
487
  }
488
488
  a.ui.purple.header:hover {
489
489
  color: #9627ba !important;
490
490
  }
491
491
  .ui.purple.dividing.header {
492
- border-bottom: 2px solid #A333C8;
492
+ border-bottom: 2px solid #a333c8;
493
493
  }
494
494
 
495
495
  /* Inverted */
496
496
  .ui.inverted.purple.header {
497
- color: #DC73FF !important;
497
+ color: #dc73ff !important;
498
498
  }
499
499
  a.ui.inverted.purple.header:hover {
500
500
  color: #d65aff !important;
@@ -503,18 +503,18 @@ a.ui.inverted.purple.header:hover {
503
503
  /*--- Pink ---*/
504
504
 
505
505
  .ui.pink.header {
506
- color: #E03997 !important;
506
+ color: #e03997 !important;
507
507
  }
508
508
  a.ui.pink.header:hover {
509
509
  color: #e61a8d !important;
510
510
  }
511
511
  .ui.pink.dividing.header {
512
- border-bottom: 2px solid #E03997;
512
+ border-bottom: 2px solid #e03997;
513
513
  }
514
514
 
515
515
  /* Inverted */
516
516
  .ui.inverted.pink.header {
517
- color: #FF8EDF !important;
517
+ color: #ff8edf !important;
518
518
  }
519
519
  a.ui.inverted.pink.header:hover {
520
520
  color: #ff74d8 !important;
@@ -523,18 +523,18 @@ a.ui.inverted.pink.header:hover {
523
523
  /*--- Brown ---*/
524
524
 
525
525
  .ui.brown.header {
526
- color: #A5673F !important;
526
+ color: #a5673f !important;
527
527
  }
528
528
  a.ui.brown.header:hover {
529
529
  color: #975b33 !important;
530
530
  }
531
531
  .ui.brown.dividing.header {
532
- border-bottom: 2px solid #A5673F;
532
+ border-bottom: 2px solid #a5673f;
533
533
  }
534
534
 
535
535
  /* Inverted */
536
536
  .ui.inverted.brown.header {
537
- color: #D67C1C !important;
537
+ color: #d67c1c !important;
538
538
  }
539
539
  a.ui.inverted.brown.header:hover {
540
540
  color: #c86f11 !important;
@@ -554,7 +554,7 @@ a.ui.grey.header:hover {
554
554
 
555
555
  /* Inverted */
556
556
  .ui.inverted.grey.header {
557
- color: #DCDDDE !important;
557
+ color: #dcddde !important;
558
558
  }
559
559
  a.ui.inverted.grey.header:hover {
560
560
  color: #cfd0d2 !important;
@@ -630,10 +630,10 @@ a.ui.inverted.grey.header:hover {
630
630
  --------------------*/
631
631
 
632
632
  .ui.block.header {
633
- background: #F3F4F5;
633
+ background: #f3f4f5;
634
634
  padding: 0.71428571rem 1rem;
635
635
  box-shadow: none;
636
- border: 1px solid #D4D4D5;
636
+ border: 1px solid #d4d4d5;
637
637
  border-radius: 0.28571429rem;
638
638
  }
639
639
  .ui.tiny.block.header {
@@ -657,15 +657,15 @@ a.ui.inverted.grey.header:hover {
657
657
  --------------------*/
658
658
 
659
659
  .ui.attached.header {
660
- background: #FFFFFF;
660
+ background: #ffffff;
661
661
  padding: 0.71428571rem 1rem;
662
662
  margin-left: -1px;
663
663
  margin-right: -1px;
664
664
  box-shadow: none;
665
- border: 1px solid #D4D4D5;
665
+ border: 1px solid #d4d4d5;
666
666
  }
667
667
  .ui.attached.block.header {
668
- background: #F3F4F5;
668
+ background: #f3f4f5;
669
669
  }
670
670
  .ui.attached:not(.top):not(.bottom).header {
671
671
  margin-top: 0em;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Icon
2
+ * # Semantic UI 2.1.7 - Icon
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -206,11 +206,11 @@ i.bordered.inverted.icon {
206
206
  /* Inverted Shapes */
207
207
  i.inverted.bordered.icon,
208
208
  i.inverted.circular.icon {
209
- background-color: #1B1C1D !important;
210
- color: #FFFFFF !important;
209
+ background-color: #1b1c1d !important;
210
+ color: #ffffff !important;
211
211
  }
212
212
  i.inverted.icon {
213
- color: #FFFFFF;
213
+ color: #ffffff;
214
214
  }
215
215
 
216
216
  /*-------------------
@@ -220,145 +220,145 @@ i.inverted.icon {
220
220
 
221
221
  /* Red */
222
222
  i.red.icon {
223
- color: #DB2828 !important;
223
+ color: #db2828 !important;
224
224
  }
225
225
  i.inverted.red.icon {
226
- color: #FF695E !important;
226
+ color: #ff695e !important;
227
227
  }
228
228
  i.inverted.bordered.red.icon,
229
229
  i.inverted.circular.red.icon {
230
- background-color: #DB2828 !important;
231
- color: #FFFFFF !important;
230
+ background-color: #db2828 !important;
231
+ color: #ffffff !important;
232
232
  }
233
233
 
234
234
  /* Orange */
235
235
  i.orange.icon {
236
- color: #F2711C !important;
236
+ color: #f2711c !important;
237
237
  }
238
238
  i.inverted.orange.icon {
239
- color: #FF851B !important;
239
+ color: #ff851b !important;
240
240
  }
241
241
  i.inverted.bordered.orange.icon,
242
242
  i.inverted.circular.orange.icon {
243
- background-color: #F2711C !important;
244
- color: #FFFFFF !important;
243
+ background-color: #f2711c !important;
244
+ color: #ffffff !important;
245
245
  }
246
246
 
247
247
  /* Yellow */
248
248
  i.yellow.icon {
249
- color: #FBBD08 !important;
249
+ color: #fbbd08 !important;
250
250
  }
251
251
  i.inverted.yellow.icon {
252
- color: #FFE21F !important;
252
+ color: #ffe21f !important;
253
253
  }
254
254
  i.inverted.bordered.yellow.icon,
255
255
  i.inverted.circular.yellow.icon {
256
- background-color: #FBBD08 !important;
257
- color: #FFFFFF !important;
256
+ background-color: #fbbd08 !important;
257
+ color: #ffffff !important;
258
258
  }
259
259
 
260
260
  /* Olive */
261
261
  i.olive.icon {
262
- color: #B5CC18 !important;
262
+ color: #b5cc18 !important;
263
263
  }
264
264
  i.inverted.olive.icon {
265
- color: #D9E778 !important;
265
+ color: #d9e778 !important;
266
266
  }
267
267
  i.inverted.bordered.olive.icon,
268
268
  i.inverted.circular.olive.icon {
269
- background-color: #B5CC18 !important;
270
- color: #FFFFFF !important;
269
+ background-color: #b5cc18 !important;
270
+ color: #ffffff !important;
271
271
  }
272
272
 
273
273
  /* Green */
274
274
  i.green.icon {
275
- color: #21BA45 !important;
275
+ color: #21ba45 !important;
276
276
  }
277
277
  i.inverted.green.icon {
278
- color: #2ECC40 !important;
278
+ color: #2ecc40 !important;
279
279
  }
280
280
  i.inverted.bordered.green.icon,
281
281
  i.inverted.circular.green.icon {
282
- background-color: #21BA45 !important;
283
- color: #FFFFFF !important;
282
+ background-color: #21ba45 !important;
283
+ color: #ffffff !important;
284
284
  }
285
285
 
286
286
  /* Teal */
287
287
  i.teal.icon {
288
- color: #00B5AD !important;
288
+ color: #00b5ad !important;
289
289
  }
290
290
  i.inverted.teal.icon {
291
- color: #6DFFFF !important;
291
+ color: #6dffff !important;
292
292
  }
293
293
  i.inverted.bordered.teal.icon,
294
294
  i.inverted.circular.teal.icon {
295
- background-color: #00B5AD !important;
296
- color: #FFFFFF !important;
295
+ background-color: #00b5ad !important;
296
+ color: #ffffff !important;
297
297
  }
298
298
 
299
299
  /* Blue */
300
300
  i.blue.icon {
301
- color: #2185D0 !important;
301
+ color: #2185d0 !important;
302
302
  }
303
303
  i.inverted.blue.icon {
304
- color: #54C8FF !important;
304
+ color: #54c8ff !important;
305
305
  }
306
306
  i.inverted.bordered.blue.icon,
307
307
  i.inverted.circular.blue.icon {
308
- background-color: #2185D0 !important;
309
- color: #FFFFFF !important;
308
+ background-color: #2185d0 !important;
309
+ color: #ffffff !important;
310
310
  }
311
311
 
312
312
  /* Violet */
313
313
  i.violet.icon {
314
- color: #6435C9 !important;
314
+ color: #6435c9 !important;
315
315
  }
316
316
  i.inverted.violet.icon {
317
- color: #A291FB !important;
317
+ color: #a291fb !important;
318
318
  }
319
319
  i.inverted.bordered.violet.icon,
320
320
  i.inverted.circular.violet.icon {
321
- background-color: #6435C9 !important;
322
- color: #FFFFFF !important;
321
+ background-color: #6435c9 !important;
322
+ color: #ffffff !important;
323
323
  }
324
324
 
325
325
  /* Purple */
326
326
  i.purple.icon {
327
- color: #A333C8 !important;
327
+ color: #a333c8 !important;
328
328
  }
329
329
  i.inverted.purple.icon {
330
- color: #DC73FF !important;
330
+ color: #dc73ff !important;
331
331
  }
332
332
  i.inverted.bordered.purple.icon,
333
333
  i.inverted.circular.purple.icon {
334
- background-color: #A333C8 !important;
335
- color: #FFFFFF !important;
334
+ background-color: #a333c8 !important;
335
+ color: #ffffff !important;
336
336
  }
337
337
 
338
338
  /* Pink */
339
339
  i.pink.icon {
340
- color: #E03997 !important;
340
+ color: #e03997 !important;
341
341
  }
342
342
  i.inverted.pink.icon {
343
- color: #FF8EDF !important;
343
+ color: #ff8edf !important;
344
344
  }
345
345
  i.inverted.bordered.pink.icon,
346
346
  i.inverted.circular.pink.icon {
347
- background-color: #E03997 !important;
348
- color: #FFFFFF !important;
347
+ background-color: #e03997 !important;
348
+ color: #ffffff !important;
349
349
  }
350
350
 
351
351
  /* Brown */
352
352
  i.brown.icon {
353
- color: #A5673F !important;
353
+ color: #a5673f !important;
354
354
  }
355
355
  i.inverted.brown.icon {
356
- color: #D67C1C !important;
356
+ color: #d67c1c !important;
357
357
  }
358
358
  i.inverted.bordered.brown.icon,
359
359
  i.inverted.circular.brown.icon {
360
- background-color: #A5673F !important;
361
- color: #FFFFFF !important;
360
+ background-color: #a5673f !important;
361
+ color: #ffffff !important;
362
362
  }
363
363
 
364
364
  /* Grey */
@@ -366,25 +366,25 @@ i.grey.icon {
366
366
  color: #767676 !important;
367
367
  }
368
368
  i.inverted.grey.icon {
369
- color: #DCDDDE !important;
369
+ color: #dcddde !important;
370
370
  }
371
371
  i.inverted.bordered.grey.icon,
372
372
  i.inverted.circular.grey.icon {
373
373
  background-color: #767676 !important;
374
- color: #FFFFFF !important;
374
+ color: #ffffff !important;
375
375
  }
376
376
 
377
377
  /* Black */
378
378
  i.black.icon {
379
- color: #1B1C1D !important;
379
+ color: #1b1c1d !important;
380
380
  }
381
381
  i.inverted.black.icon {
382
382
  color: #545454 !important;
383
383
  }
384
384
  i.inverted.bordeblack.black.icon,
385
385
  i.inverted.circular.black.icon {
386
- background-color: #1B1C1D !important;
387
- color: #FFFFFF !important;
386
+ background-color: #1b1c1d !important;
387
+ color: #ffffff !important;
388
388
  }
389
389
 
390
390
  /*-------------------
@@ -476,10 +476,10 @@ i.icons .corner.icon {
476
476
  -ms-transform: none;
477
477
  transform: none;
478
478
  font-size: 0.45em;
479
- text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
479
+ text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
480
480
  }
481
481
  i.icons .inverted.corner.icon {
482
- text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
482
+ text-shadow: -1px -1px 0 #1b1c1d, 1px -1px 0 #1b1c1d, -1px 1px 0 #1b1c1d, 1px 1px 0 #1b1c1d;
483
483
  }
484
484
  /*
485
485
  * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome