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 - Grid
2
+ * # Semantic UI 2.1.7 - Grid
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1142,17 +1142,17 @@
1142
1142
  .ui.celled.grid {
1143
1143
  width: 100%;
1144
1144
  margin: 1em 0em;
1145
- box-shadow: 0px 0px 0px 1px #D4D4D5;
1145
+ box-shadow: 0px 0px 0px 1px #d4d4d5;
1146
1146
  }
1147
1147
  .ui.celled.grid > .row {
1148
1148
  width: 100% !important;
1149
1149
  margin: 0em;
1150
1150
  padding: 0em;
1151
- box-shadow: 0px -1px 0px 0px #D4D4D5;
1151
+ box-shadow: 0px -1px 0px 0px #d4d4d5;
1152
1152
  }
1153
1153
  .ui.celled.grid > .column:not(.row),
1154
1154
  .ui.celled.grid > .row > .column {
1155
- box-shadow: -1px 0px 0px 0px #D4D4D5;
1155
+ box-shadow: -1px 0px 0px 0px #d4d4d5;
1156
1156
  }
1157
1157
  .ui.celled.grid > .column:first-child,
1158
1158
  .ui.celled.grid > .row > .column:first-child {
@@ -1356,88 +1356,88 @@
1356
1356
  .ui.grid > .red.row,
1357
1357
  .ui.grid > .red.column,
1358
1358
  .ui.grid > .row > .red.column {
1359
- background-color: #DB2828 !important;
1360
- color: #FFFFFF;
1359
+ background-color: #db2828 !important;
1360
+ color: #ffffff;
1361
1361
  }
1362
1362
 
1363
1363
  /* Orange */
1364
1364
  .ui.grid > .orange.row,
1365
1365
  .ui.grid > .orange.column,
1366
1366
  .ui.grid > .row > .orange.column {
1367
- background-color: #F2711C !important;
1368
- color: #FFFFFF;
1367
+ background-color: #f2711c !important;
1368
+ color: #ffffff;
1369
1369
  }
1370
1370
 
1371
1371
  /* Yellow */
1372
1372
  .ui.grid > .yellow.row,
1373
1373
  .ui.grid > .yellow.column,
1374
1374
  .ui.grid > .row > .yellow.column {
1375
- background-color: #FBBD08 !important;
1376
- color: #FFFFFF;
1375
+ background-color: #fbbd08 !important;
1376
+ color: #ffffff;
1377
1377
  }
1378
1378
 
1379
1379
  /* Olive */
1380
1380
  .ui.grid > .olive.row,
1381
1381
  .ui.grid > .olive.column,
1382
1382
  .ui.grid > .row > .olive.column {
1383
- background-color: #B5CC18 !important;
1384
- color: #FFFFFF;
1383
+ background-color: #b5cc18 !important;
1384
+ color: #ffffff;
1385
1385
  }
1386
1386
 
1387
1387
  /* Green */
1388
1388
  .ui.grid > .green.row,
1389
1389
  .ui.grid > .green.column,
1390
1390
  .ui.grid > .row > .green.column {
1391
- background-color: #21BA45 !important;
1392
- color: #FFFFFF;
1391
+ background-color: #21ba45 !important;
1392
+ color: #ffffff;
1393
1393
  }
1394
1394
 
1395
1395
  /* Teal */
1396
1396
  .ui.grid > .teal.row,
1397
1397
  .ui.grid > .teal.column,
1398
1398
  .ui.grid > .row > .teal.column {
1399
- background-color: #00B5AD !important;
1400
- color: #FFFFFF;
1399
+ background-color: #00b5ad !important;
1400
+ color: #ffffff;
1401
1401
  }
1402
1402
 
1403
1403
  /* Blue */
1404
1404
  .ui.grid > .blue.row,
1405
1405
  .ui.grid > .blue.column,
1406
1406
  .ui.grid > .row > .blue.column {
1407
- background-color: #2185D0 !important;
1408
- color: #FFFFFF;
1407
+ background-color: #2185d0 !important;
1408
+ color: #ffffff;
1409
1409
  }
1410
1410
 
1411
1411
  /* Violet */
1412
1412
  .ui.grid > .violet.row,
1413
1413
  .ui.grid > .violet.column,
1414
1414
  .ui.grid > .row > .violet.column {
1415
- background-color: #6435C9 !important;
1416
- color: #FFFFFF;
1415
+ background-color: #6435c9 !important;
1416
+ color: #ffffff;
1417
1417
  }
1418
1418
 
1419
1419
  /* Purple */
1420
1420
  .ui.grid > .purple.row,
1421
1421
  .ui.grid > .purple.column,
1422
1422
  .ui.grid > .row > .purple.column {
1423
- background-color: #A333C8 !important;
1424
- color: #FFFFFF;
1423
+ background-color: #a333c8 !important;
1424
+ color: #ffffff;
1425
1425
  }
1426
1426
 
1427
1427
  /* Pink */
1428
1428
  .ui.grid > .pink.row,
1429
1429
  .ui.grid > .pink.column,
1430
1430
  .ui.grid > .row > .pink.column {
1431
- background-color: #E03997 !important;
1432
- color: #FFFFFF;
1431
+ background-color: #e03997 !important;
1432
+ color: #ffffff;
1433
1433
  }
1434
1434
 
1435
1435
  /* Brown */
1436
1436
  .ui.grid > .brown.row,
1437
1437
  .ui.grid > .brown.column,
1438
1438
  .ui.grid > .row > .brown.column {
1439
- background-color: #A5673F !important;
1440
- color: #FFFFFF;
1439
+ background-color: #a5673f !important;
1440
+ color: #ffffff;
1441
1441
  }
1442
1442
 
1443
1443
  /* Grey */
@@ -1445,15 +1445,15 @@
1445
1445
  .ui.grid > .grey.column,
1446
1446
  .ui.grid > .row > .grey.column {
1447
1447
  background-color: #767676 !important;
1448
- color: #FFFFFF;
1448
+ color: #ffffff;
1449
1449
  }
1450
1450
 
1451
1451
  /* Black */
1452
1452
  .ui.grid > .black.row,
1453
1453
  .ui.grid > .black.column,
1454
1454
  .ui.grid > .row > .black.column {
1455
- background-color: #1B1C1D !important;
1456
- color: #FFFFFF;
1455
+ background-color: #1b1c1d !important;
1456
+ color: #ffffff;
1457
1457
  }
1458
1458
 
1459
1459
  /*----------------------
@@ -1523,7 +1523,7 @@
1523
1523
 
1524
1524
  /* Celled Reversed */
1525
1525
  .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
1526
- box-shadow: -1px 0px 0px 0px #D4D4D5;
1526
+ box-shadow: -1px 0px 0px 0px #d4d4d5;
1527
1527
  }
1528
1528
  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
1529
1529
  box-shadow: none;
@@ -1569,7 +1569,7 @@
1569
1569
 
1570
1570
  /* Celled Reversed */
1571
1571
  .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
1572
- box-shadow: -1px 0px 0px 0px #D4D4D5;
1572
+ box-shadow: -1px 0px 0px 0px #d4d4d5;
1573
1573
  }
1574
1574
  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
1575
1575
  box-shadow: none;
@@ -1615,7 +1615,7 @@
1615
1615
 
1616
1616
  /* Celled Reversed */
1617
1617
  .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
1618
- box-shadow: -1px 0px 0px 0px #D4D4D5;
1618
+ box-shadow: -1px 0px 0px 0px #d4d4d5;
1619
1619
  }
1620
1620
  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
1621
1621
  box-shadow: none;
@@ -26,7 +26,7 @@
26
26
  display: flex;
27
27
  margin: 1rem 0em;
28
28
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
29
- background: #FFFFFF;
29
+ background: #ffffff;
30
30
  font-weight: normal;
31
31
  border: 1px solid rgba(34, 36, 38, 0.15);
32
32
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
@@ -239,7 +239,7 @@
239
239
  left: 0px;
240
240
  min-width: calc(100% - 1px);
241
241
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
242
- background: #FFFFFF;
242
+ background: #ffffff;
243
243
  margin: 0em 0px 0px;
244
244
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
245
245
  -webkit-box-orient: vertical !important;
@@ -337,13 +337,13 @@
337
337
 
338
338
  .ui.menu .item > .label {
339
339
  background: #999999;
340
- color: #FFFFFF;
340
+ color: #ffffff;
341
341
  margin-left: 1em;
342
342
  padding: 0.3em 0.71428571em;
343
343
  }
344
344
  .ui.vertical.menu .item > .label {
345
345
  background: #999999;
346
- color: #FFFFFF;
346
+ color: #ffffff;
347
347
  margin-top: -0.15em;
348
348
  margin-bottom: -0.15em;
349
349
  padding: 0.3em 0.71428571em;
@@ -519,7 +519,7 @@ Floated Menu / Item
519
519
  -webkit-flex-direction: column;
520
520
  -ms-flex-direction: column;
521
521
  flex-direction: column;
522
- background: #FFFFFF;
522
+ background: #ffffff;
523
523
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
524
524
  }
525
525
 
@@ -624,7 +624,7 @@ Floated Menu / Item
624
624
  box-shadow: none !important;
625
625
  border: none;
626
626
  background: none transparent;
627
- border-bottom: 1px solid #D4D4D5;
627
+ border-bottom: 1px solid #d4d4d5;
628
628
  }
629
629
  .ui.tabular.fluid.menu {
630
630
  width: calc(100% + 2px ) !important;
@@ -650,10 +650,10 @@ Floated Menu / Item
650
650
 
651
651
  /* Active */
652
652
  .ui.tabular.menu .active.item {
653
- background: none #FFFFFF;
653
+ background: none #ffffff;
654
654
  color: rgba(0, 0, 0, 0.95);
655
655
  border-top-width: 1px;
656
- border-color: #D4D4D5;
656
+ border-color: #d4d4d5;
657
657
  font-weight: bold;
658
658
  margin-bottom: -1px;
659
659
  box-shadow: none;
@@ -661,7 +661,8 @@ Floated Menu / Item
661
661
  }
662
662
 
663
663
  /* Coupling with segment for attachment */
664
- .ui.tabular.menu + .bottom.attached.segment {
664
+ .ui.tabular.menu + .attached:not(.top).segment,
665
+ .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
665
666
  border-top: none;
666
667
  margin: 0px;
667
668
  width: 100%;
@@ -678,7 +679,7 @@ Floated Menu / Item
678
679
  border-radius: 0em;
679
680
  box-shadow: none !important;
680
681
  border-bottom: none;
681
- border-top: 1px solid #D4D4D5;
682
+ border-top: 1px solid #d4d4d5;
682
683
  }
683
684
  .ui.bottom.tabular.menu .item {
684
685
  background: none;
@@ -688,9 +689,9 @@ Floated Menu / Item
688
689
  border-top: none;
689
690
  }
690
691
  .ui.bottom.tabular.menu .active.item {
691
- background: none #FFFFFF;
692
+ background: none #ffffff;
692
693
  color: rgba(0, 0, 0, 0.95);
693
- border-color: #D4D4D5;
694
+ border-color: #d4d4d5;
694
695
  margin: -1px 0px 0px 0px;
695
696
  border-radius: 0px 0px 0.28571429rem 0.28571429rem !important;
696
697
  }
@@ -701,7 +702,7 @@ Floated Menu / Item
701
702
  border-radius: 0em;
702
703
  box-shadow: none !important;
703
704
  border-bottom: none;
704
- border-right: 1px solid #D4D4D5;
705
+ border-right: 1px solid #d4d4d5;
705
706
  }
706
707
  .ui.vertical.tabular.menu .item {
707
708
  background: none;
@@ -711,9 +712,9 @@ Floated Menu / Item
711
712
  border-right: none;
712
713
  }
713
714
  .ui.vertical.tabular.menu .active.item {
714
- background: none #FFFFFF;
715
+ background: none #ffffff;
715
716
  color: rgba(0, 0, 0, 0.95);
716
- border-color: #D4D4D5;
717
+ border-color: #d4d4d5;
717
718
  margin: 0px -1px 0px 0px;
718
719
  border-radius: 0.28571429rem 0px 0px 0.28571429rem !important;
719
720
  }
@@ -725,7 +726,7 @@ Floated Menu / Item
725
726
  box-shadow: none !important;
726
727
  border-bottom: none;
727
728
  border-right: none;
728
- border-left: 1px solid #D4D4D5;
729
+ border-left: 1px solid #d4d4d5;
729
730
  }
730
731
  .ui.vertical.right.tabular.menu .item {
731
732
  background: none;
@@ -735,9 +736,9 @@ Floated Menu / Item
735
736
  border-left: none;
736
737
  }
737
738
  .ui.vertical.right.tabular.menu .active.item {
738
- background: none #FFFFFF;
739
+ background: none #ffffff;
739
740
  color: rgba(0, 0, 0, 0.95);
740
- border-color: #D4D4D5;
741
+ border-color: #d4d4d5;
741
742
  margin: 0px 0px 0px -1px;
742
743
  border-radius: 0px 0.28571429rem 0.28571429rem 0px !important;
743
744
  }
@@ -971,14 +972,14 @@ Floated Menu / Item
971
972
  .ui.secondary.pointing.menu .active.item {
972
973
  background-color: transparent;
973
974
  box-shadow: none;
974
- border-color: #1B1C1D;
975
+ border-color: #1b1c1d;
975
976
  font-weight: bold;
976
977
  color: rgba(0, 0, 0, 0.95);
977
978
  }
978
979
 
979
980
  /* Active Hover */
980
981
  .ui.secondary.pointing.menu .active.item:hover {
981
- border-color: #1B1C1D;
982
+ border-color: #1b1c1d;
982
983
  color: rgba(0, 0, 0, 0.95);
983
984
  }
984
985
 
@@ -1005,7 +1006,7 @@ Floated Menu / Item
1005
1006
 
1006
1007
  /* Vertical Active */
1007
1008
  .ui.secondary.vertical.pointing.menu .active.item {
1008
- border-color: #1B1C1D;
1009
+ border-color: #1b1c1d;
1009
1010
  }
1010
1011
 
1011
1012
  /* Inverted */
@@ -1020,7 +1021,7 @@ Floated Menu / Item
1020
1021
  color: rgba(255, 255, 255, 0.9);
1021
1022
  }
1022
1023
  .ui.secondary.inverted.pointing.menu .header.item {
1023
- color: #FFFFFF !important;
1024
+ color: #ffffff !important;
1024
1025
  }
1025
1026
 
1026
1027
  /* Hover */
@@ -1030,7 +1031,7 @@ Floated Menu / Item
1030
1031
 
1031
1032
  /* Active */
1032
1033
  .ui.secondary.inverted.pointing.menu .active.item {
1033
- border-color: #FFFFFF;
1034
+ border-color: #ffffff;
1034
1035
  color: #ffffff;
1035
1036
  }
1036
1037
 
@@ -1177,7 +1178,7 @@ Floated Menu / Item
1177
1178
  .ui.icon.menu .item {
1178
1179
  height: auto;
1179
1180
  text-align: center;
1180
- color: #1B1C1D;
1181
+ color: #1b1c1d;
1181
1182
  }
1182
1183
 
1183
1184
  /* Icon */
@@ -1207,7 +1208,7 @@ Floated Menu / Item
1207
1208
 
1208
1209
  /* Inverted */
1209
1210
  .ui.inverted.icon.menu .item {
1210
- color: #FFFFFF;
1211
+ color: #ffffff;
1211
1212
  }
1212
1213
 
1213
1214
  /*--------------
@@ -1285,58 +1286,58 @@ Floated Menu / Item
1285
1286
 
1286
1287
  .ui.menu .red.active.item,
1287
1288
  .ui.red.menu .active.item {
1288
- border-color: #DB2828 !important;
1289
- color: #DB2828 !important;
1289
+ border-color: #db2828 !important;
1290
+ color: #db2828 !important;
1290
1291
  }
1291
1292
  .ui.menu .orange.active.item,
1292
1293
  .ui.orange.menu .active.item {
1293
- border-color: #F2711C !important;
1294
- color: #F2711C !important;
1294
+ border-color: #f2711c !important;
1295
+ color: #f2711c !important;
1295
1296
  }
1296
1297
  .ui.menu .yellow.active.item,
1297
1298
  .ui.yellow.menu .active.item {
1298
- border-color: #FBBD08 !important;
1299
- color: #FBBD08 !important;
1299
+ border-color: #fbbd08 !important;
1300
+ color: #fbbd08 !important;
1300
1301
  }
1301
1302
  .ui.menu .olive.active.item,
1302
1303
  .ui.olive.menu .active.item {
1303
- border-color: #B5CC18 !important;
1304
- color: #B5CC18 !important;
1304
+ border-color: #b5cc18 !important;
1305
+ color: #b5cc18 !important;
1305
1306
  }
1306
1307
  .ui.menu .green.active.item,
1307
1308
  .ui.green.menu .active.item {
1308
- border-color: #21BA45 !important;
1309
- color: #21BA45 !important;
1309
+ border-color: #21ba45 !important;
1310
+ color: #21ba45 !important;
1310
1311
  }
1311
1312
  .ui.menu .teal.active.item,
1312
1313
  .ui.teal.menu .active.item {
1313
- border-color: #00B5AD !important;
1314
- color: #00B5AD !important;
1314
+ border-color: #00b5ad !important;
1315
+ color: #00b5ad !important;
1315
1316
  }
1316
1317
  .ui.menu .blue.active.item,
1317
1318
  .ui.blue.menu .active.item {
1318
- border-color: #2185D0 !important;
1319
- color: #2185D0 !important;
1319
+ border-color: #2185d0 !important;
1320
+ color: #2185d0 !important;
1320
1321
  }
1321
1322
  .ui.menu .violet.active.item,
1322
1323
  .ui.violet.menu .active.item {
1323
- border-color: #6435C9 !important;
1324
- color: #6435C9 !important;
1324
+ border-color: #6435c9 !important;
1325
+ color: #6435c9 !important;
1325
1326
  }
1326
1327
  .ui.menu .purple.active.item,
1327
1328
  .ui.purple.menu .active.item {
1328
- border-color: #A333C8 !important;
1329
- color: #A333C8 !important;
1329
+ border-color: #a333c8 !important;
1330
+ color: #a333c8 !important;
1330
1331
  }
1331
1332
  .ui.menu .pink.active.item,
1332
1333
  .ui.pink.menu .active.item {
1333
- border-color: #E03997 !important;
1334
- color: #E03997 !important;
1334
+ border-color: #e03997 !important;
1335
+ color: #e03997 !important;
1335
1336
  }
1336
1337
  .ui.menu .brown.active.item,
1337
1338
  .ui.brown.menu .active.item {
1338
- border-color: #A5673F !important;
1339
- color: #A5673F !important;
1339
+ border-color: #a5673f !important;
1340
+ color: #a5673f !important;
1340
1341
  }
1341
1342
  .ui.menu .grey.active.item,
1342
1343
  .ui.grey.menu .active.item {
@@ -1350,7 +1351,7 @@ Floated Menu / Item
1350
1351
 
1351
1352
  .ui.inverted.menu {
1352
1353
  border: 0px solid transparent;
1353
- background: #1B1C1D;
1354
+ background: #1b1c1d;
1354
1355
  box-shadow: none;
1355
1356
  }
1356
1357
 
@@ -1424,10 +1425,10 @@ Floated Menu / Item
1424
1425
  }
1425
1426
  .ui.inverted.vertical.menu .item .menu .active.item {
1426
1427
  background: transparent;
1427
- color: #FFFFFF;
1428
+ color: #ffffff;
1428
1429
  }
1429
1430
  .ui.inverted.pointing.menu .active.item:after {
1430
- background: #3D3E3F !important;
1431
+ background: #3d3e3f !important;
1431
1432
  margin: 0em !important;
1432
1433
  box-shadow: none !important;
1433
1434
  border: none !important;
@@ -1437,10 +1438,10 @@ Floated Menu / Item
1437
1438
 
1438
1439
  .ui.inverted.menu .active.item:hover {
1439
1440
  background: rgba(255, 255, 255, 0.15);
1440
- color: #FFFFFF !important;
1441
+ color: #ffffff !important;
1441
1442
  }
1442
1443
  .ui.inverted.pointing.menu .active.item:hover:after {
1443
- background: #3D3E3F !important;
1444
+ background: #3d3e3f !important;
1444
1445
  }
1445
1446
 
1446
1447
  /*--------------
@@ -1467,7 +1468,7 @@ Floated Menu / Item
1467
1468
  /* Red */
1468
1469
  .ui.inverted.menu .red.active.item,
1469
1470
  .ui.inverted.red.menu {
1470
- background-color: #DB2828;
1471
+ background-color: #db2828;
1471
1472
  }
1472
1473
  .ui.inverted.red.menu .item:before {
1473
1474
  background-color: rgba(34, 36, 38, 0.1);
@@ -1479,7 +1480,7 @@ Floated Menu / Item
1479
1480
  /* Orange */
1480
1481
  .ui.inverted.menu .orange.active.item,
1481
1482
  .ui.inverted.orange.menu {
1482
- background-color: #F2711C;
1483
+ background-color: #f2711c;
1483
1484
  }
1484
1485
  .ui.inverted.orange.menu .item:before {
1485
1486
  background-color: rgba(34, 36, 38, 0.1);
@@ -1491,7 +1492,7 @@ Floated Menu / Item
1491
1492
  /* Yellow */
1492
1493
  .ui.inverted.menu .yellow.active.item,
1493
1494
  .ui.inverted.yellow.menu {
1494
- background-color: #FBBD08;
1495
+ background-color: #fbbd08;
1495
1496
  }
1496
1497
  .ui.inverted.yellow.menu .item:before {
1497
1498
  background-color: rgba(34, 36, 38, 0.1);
@@ -1503,7 +1504,7 @@ Floated Menu / Item
1503
1504
  /* Olive */
1504
1505
  .ui.inverted.menu .olive.active.item,
1505
1506
  .ui.inverted.olive.menu {
1506
- background-color: #B5CC18;
1507
+ background-color: #b5cc18;
1507
1508
  }
1508
1509
  .ui.inverted.olive.menu .item:before {
1509
1510
  background-color: rgba(34, 36, 38, 0.1);
@@ -1515,7 +1516,7 @@ Floated Menu / Item
1515
1516
  /* Green */
1516
1517
  .ui.inverted.menu .green.active.item,
1517
1518
  .ui.inverted.green.menu {
1518
- background-color: #21BA45;
1519
+ background-color: #21ba45;
1519
1520
  }
1520
1521
  .ui.inverted.green.menu .item:before {
1521
1522
  background-color: rgba(34, 36, 38, 0.1);
@@ -1527,7 +1528,7 @@ Floated Menu / Item
1527
1528
  /* Teal */
1528
1529
  .ui.inverted.menu .teal.active.item,
1529
1530
  .ui.inverted.teal.menu {
1530
- background-color: #00B5AD;
1531
+ background-color: #00b5ad;
1531
1532
  }
1532
1533
  .ui.inverted.teal.menu .item:before {
1533
1534
  background-color: rgba(34, 36, 38, 0.1);
@@ -1539,7 +1540,7 @@ Floated Menu / Item
1539
1540
  /* Blue */
1540
1541
  .ui.inverted.menu .blue.active.item,
1541
1542
  .ui.inverted.blue.menu {
1542
- background-color: #2185D0;
1543
+ background-color: #2185d0;
1543
1544
  }
1544
1545
  .ui.inverted.blue.menu .item:before {
1545
1546
  background-color: rgba(34, 36, 38, 0.1);
@@ -1551,7 +1552,7 @@ Floated Menu / Item
1551
1552
  /* Violet */
1552
1553
  .ui.inverted.menu .violet.active.item,
1553
1554
  .ui.inverted.violet.menu {
1554
- background-color: #6435C9;
1555
+ background-color: #6435c9;
1555
1556
  }
1556
1557
  .ui.inverted.violet.menu .item:before {
1557
1558
  background-color: rgba(34, 36, 38, 0.1);
@@ -1563,7 +1564,7 @@ Floated Menu / Item
1563
1564
  /* Purple */
1564
1565
  .ui.inverted.menu .purple.active.item,
1565
1566
  .ui.inverted.purple.menu {
1566
- background-color: #A333C8;
1567
+ background-color: #a333c8;
1567
1568
  }
1568
1569
  .ui.inverted.purple.menu .item:before {
1569
1570
  background-color: rgba(34, 36, 38, 0.1);
@@ -1575,7 +1576,7 @@ Floated Menu / Item
1575
1576
  /* Pink */
1576
1577
  .ui.inverted.menu .pink.active.item,
1577
1578
  .ui.inverted.pink.menu {
1578
- background-color: #E03997;
1579
+ background-color: #e03997;
1579
1580
  }
1580
1581
  .ui.inverted.pink.menu .item:before {
1581
1582
  background-color: rgba(34, 36, 38, 0.1);
@@ -1587,7 +1588,7 @@ Floated Menu / Item
1587
1588
  /* Brown */
1588
1589
  .ui.inverted.menu .brown.active.item,
1589
1590
  .ui.inverted.brown.menu {
1590
- background-color: #A5673F;
1591
+ background-color: #a5673f;
1591
1592
  }
1592
1593
  .ui.inverted.brown.menu .item:before {
1593
1594
  background-color: rgba(34, 36, 38, 0.1);
@@ -1813,8 +1814,8 @@ Floated Menu / Item
1813
1814
  width: 0.57142857em;
1814
1815
  height: 0.57142857em;
1815
1816
  border: none;
1816
- border-bottom: 1px solid #D4D4D5;
1817
- border-right: 1px solid #D4D4D5;
1817
+ border-bottom: 1px solid #d4d4d5;
1818
+ border-right: 1px solid #d4d4d5;
1818
1819
  z-index: 2;
1819
1820
  -webkit-transition: background 0.1s ease;
1820
1821
  transition: background 0.1s ease;
@@ -1830,8 +1831,8 @@ Floated Menu / Item
1830
1831
  transform: translateX(50%) translateY(-50%) rotate(45deg);
1831
1832
  margin: 0em -0.5px 0em 0em;
1832
1833
  border: none;
1833
- border-top: 1px solid #D4D4D5;
1834
- border-right: 1px solid #D4D4D5;
1834
+ border-top: 1px solid #d4d4d5;
1835
+ border-right: 1px solid #d4d4d5;
1835
1836
  }
1836
1837
 
1837
1838
  /* Active */
@@ -1850,22 +1851,22 @@ Floated Menu / Item
1850
1851
 
1851
1852
  /* Colors */
1852
1853
  .ui.pointing.menu .active.item:hover:after {
1853
- background-color: #F2F2F2;
1854
+ background-color: #f2f2f2;
1854
1855
  }
1855
1856
  .ui.pointing.menu .active.item:after {
1856
- background-color: #F2F2F2;
1857
+ background-color: #f2f2f2;
1857
1858
  }
1858
1859
  .ui.pointing.menu .active.item:hover:after {
1859
- background-color: #F2F2F2;
1860
+ background-color: #f2f2f2;
1860
1861
  }
1861
1862
  .ui.vertical.pointing.menu .active.item:hover:after {
1862
- background-color: #F2F2F2;
1863
+ background-color: #f2f2f2;
1863
1864
  }
1864
1865
  .ui.vertical.pointing.menu .active.item:after {
1865
- background-color: #F2F2F2;
1866
+ background-color: #f2f2f2;
1866
1867
  }
1867
1868
  .ui.vertical.pointing.menu .menu .active.item:after {
1868
- background-color: #FFFFFF;
1869
+ background-color: #ffffff;
1869
1870
  }
1870
1871
 
1871
1872
  /*--------------
@@ -1922,7 +1923,7 @@ Floated Menu / Item
1922
1923
 
1923
1924
  /* Tabular Attached */
1924
1925
  .ui.attached.menu:not(.tabular) {
1925
- border: 1px solid #D4D4D5;
1926
+ border: 1px solid #d4d4d5;
1926
1927
  }
1927
1928
  .ui.attached.inverted.menu {
1928
1929
  border: none;