semantic-ui-sass 2.1.6.0 → 2.1.8.0

Sign up to get free protection for your applications and to get access to all the features.
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 - Checkbox
2
+ * # Semantic UI 2.1.7 - Checkbox
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -68,11 +68,11 @@
68
68
  width: 17px;
69
69
  height: 17px;
70
70
  content: '';
71
- background: #FFFFFF;
71
+ background: #ffffff;
72
72
  border-radius: 0.21428571rem;
73
73
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
74
74
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
75
- border: 1px solid #D4D4D5;
75
+ border: 1px solid #d4d4d5;
76
76
  }
77
77
 
78
78
  /*--------------
@@ -124,7 +124,7 @@
124
124
 
125
125
  .ui.checkbox .box:hover::before,
126
126
  .ui.checkbox label:hover::before {
127
- background: #FFFFFF;
127
+ background: #ffffff;
128
128
  border-color: rgba(34, 36, 38, 0.35);
129
129
  }
130
130
  .ui.checkbox label:hover,
@@ -138,7 +138,7 @@
138
138
 
139
139
  .ui.checkbox .box:active::before,
140
140
  .ui.checkbox label:active::before {
141
- background: #F9FAFB;
141
+ background: #f9fafb;
142
142
  border-color: rgba(34, 36, 38, 0.35);
143
143
  }
144
144
  .ui.checkbox .box:active::after,
@@ -155,8 +155,8 @@
155
155
 
156
156
  .ui.checkbox input:focus ~ .box:before,
157
157
  .ui.checkbox input:focus ~ label:before {
158
- background: #FFFFFF;
159
- border-color: #96C8DA;
158
+ background: #ffffff;
159
+ border-color: #96c8da;
160
160
  }
161
161
  .ui.checkbox input:focus ~ .box:after,
162
162
  .ui.checkbox input:focus ~ label:after {
@@ -172,7 +172,7 @@
172
172
 
173
173
  .ui.checkbox input:checked ~ .box:before,
174
174
  .ui.checkbox input:checked ~ label:before {
175
- background: #FFFFFF;
175
+ background: #ffffff;
176
176
  border-color: rgba(34, 36, 38, 0.35);
177
177
  }
178
178
  .ui.checkbox input:checked ~ .box:after,
@@ -187,7 +187,7 @@
187
187
 
188
188
  .ui.checkbox input:indeterminate ~ .box:before,
189
189
  .ui.checkbox input:indeterminate ~ label:before {
190
- background: #FFFFFF;
190
+ background: #ffffff;
191
191
  border-color: rgba(34, 36, 38, 0.35);
192
192
  }
193
193
  .ui.checkbox input:indeterminate ~ .box:after,
@@ -204,8 +204,8 @@
204
204
  .ui.checkbox input:indeterminate:focus ~ label:before,
205
205
  .ui.checkbox input:checked:focus ~ .box:before,
206
206
  .ui.checkbox input:checked:focus ~ label:before {
207
- background: #FFFFFF;
208
- border-color: #96C8DA;
207
+ background: #ffffff;
208
+ border-color: #96c8da;
209
209
  }
210
210
  .ui.checkbox input:indeterminate:focus ~ .box:after,
211
211
  .ui.checkbox input:indeterminate:focus ~ label:after,
@@ -315,7 +315,7 @@
315
315
  /* Focus */
316
316
  .ui.radio.checkbox input:focus ~ .box:before,
317
317
  .ui.radio.checkbox input:focus ~ label:before {
318
- background-color: #FFFFFF;
318
+ background-color: #ffffff;
319
319
  }
320
320
  .ui.radio.checkbox input:focus ~ .box:after,
321
321
  .ui.radio.checkbox input:focus ~ label:after {
@@ -331,7 +331,7 @@
331
331
  /* Active */
332
332
  .ui.radio.checkbox input:checked ~ .box:before,
333
333
  .ui.radio.checkbox input:checked ~ label:before {
334
- background-color: #FFFFFF;
334
+ background-color: #ffffff;
335
335
  }
336
336
  .ui.radio.checkbox input:checked ~ .box:after,
337
337
  .ui.radio.checkbox input:checked ~ label:after {
@@ -341,7 +341,7 @@
341
341
  /* Active Focus */
342
342
  .ui.radio.checkbox input:focus:checked ~ .box:before,
343
343
  .ui.radio.checkbox input:focus:checked ~ label:before {
344
- background-color: #FFFFFF;
344
+ background-color: #ffffff;
345
345
  }
346
346
  .ui.radio.checkbox input:focus:checked ~ .box:after,
347
347
  .ui.radio.checkbox input:focus:checked ~ label:after {
@@ -394,8 +394,8 @@
394
394
  /* Handle */
395
395
  .ui.slider.checkbox .box:after,
396
396
  .ui.slider.checkbox label:after {
397
- background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
398
- background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
397
+ background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
398
+ background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
399
399
  position: absolute;
400
400
  content: '' !important;
401
401
  opacity: 1;
@@ -501,8 +501,8 @@
501
501
  /* Handle */
502
502
  .ui.toggle.checkbox .box:after,
503
503
  .ui.toggle.checkbox label:after {
504
- background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
505
- background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
504
+ background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
505
+ background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
506
506
  position: absolute;
507
507
  content: '' !important;
508
508
  opacity: 1;
@@ -543,7 +543,7 @@
543
543
  }
544
544
  .ui.toggle.checkbox input:checked ~ .box:before,
545
545
  .ui.toggle.checkbox input:checked ~ label:before {
546
- background-color: #2185D0 !important;
546
+ background-color: #2185d0 !important;
547
547
  }
548
548
  .ui.toggle.checkbox input:checked ~ .box:after,
549
549
  .ui.toggle.checkbox input:checked ~ label:after {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Dimmer
2
+ * # Semantic UI 2.1.7 - Dimmer
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -56,7 +56,7 @@
56
56
  .ui.dimmer > .content > * {
57
57
  display: table-cell;
58
58
  vertical-align: middle;
59
- color: #FFFFFF;
59
+ color: #ffffff;
60
60
  }
61
61
 
62
62
  /* Loose Coupling */
@@ -154,7 +154,7 @@ body.dimmable > .dimmer {
154
154
  background-color: rgba(255, 255, 255, 0.85);
155
155
  }
156
156
  .ui.inverted.dimmer > .content > * {
157
- color: #FFFFFF;
157
+ color: #ffffff;
158
158
  }
159
159
 
160
160
  /*--------------
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Dropdown
2
+ * # Semantic UI 2.1.7 - Dropdown
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -46,7 +46,7 @@
46
46
  min-width: max-content;
47
47
  margin: 0em;
48
48
  padding: 0em 0em;
49
- background: #FFFFFF;
49
+ background: #ffffff;
50
50
  font-size: 1em;
51
51
  text-shadow: none;
52
52
  text-align: left;
@@ -352,7 +352,7 @@
352
352
  transform: rotateZ(0deg);
353
353
  min-width: 14em;
354
354
  min-height: 2.7142em;
355
- background: #FFFFFF;
355
+ background: #ffffff;
356
356
  display: inline-block;
357
357
  padding: 0.78571429em 2.6em 0.78571429em 1em;
358
358
  color: rgba(0, 0, 0, 0.87);
@@ -446,7 +446,7 @@ select.ui.dropdown {
446
446
 
447
447
  /* Menu Item */
448
448
  .ui.selection.dropdown .menu > .item {
449
- border-top: 1px solid #FAFAFA;
449
+ border-top: 1px solid #fafafa;
450
450
  padding: 0.71428571rem 1.14285714rem !important;
451
451
  white-space: normal;
452
452
  word-wrap: normal;
@@ -460,21 +460,21 @@ select.ui.dropdown {
460
460
 
461
461
  /* Active */
462
462
  .ui.selection.active.dropdown {
463
- border-color: #96C8DA;
463
+ border-color: #96c8da;
464
464
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
465
465
  }
466
466
  .ui.selection.active.dropdown .menu {
467
- border-color: #96C8DA;
467
+ border-color: #96c8da;
468
468
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
469
469
  }
470
470
 
471
471
  /* Focus */
472
472
  .ui.selection.dropdown:focus {
473
- border-color: #96C8DA;
473
+ border-color: #96c8da;
474
474
  box-shadow: none;
475
475
  }
476
476
  .ui.selection.dropdown:focus .menu {
477
- border-color: #96C8DA;
477
+ border-color: #96c8da;
478
478
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
479
479
  }
480
480
 
@@ -486,11 +486,11 @@ select.ui.dropdown {
486
486
 
487
487
  /* Visible Hover */
488
488
  .ui.selection.active.dropdown:hover {
489
- border-color: #96C8DA;
489
+ border-color: #96c8da;
490
490
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
491
491
  }
492
492
  .ui.selection.active.dropdown:hover .menu {
493
- border-color: #96C8DA;
493
+ border-color: #96c8da;
494
494
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
495
495
  }
496
496
 
@@ -866,34 +866,34 @@ select.ui.dropdown {
866
866
  .ui.dropdown.error,
867
867
  .ui.dropdown.error > .text,
868
868
  .ui.dropdown.error > .default.text {
869
- color: #9F3A38;
869
+ color: #9f3a38;
870
870
  }
871
871
  .ui.selection.dropdown.error {
872
- background: #FFF6F6;
873
- border-color: #E0B4B4;
872
+ background: #fff6f6;
873
+ border-color: #e0b4b4;
874
874
  }
875
875
  .ui.selection.dropdown.error:hover {
876
- border-color: #E0B4B4;
876
+ border-color: #e0b4b4;
877
877
  }
878
878
  .ui.dropdown.error > .menu,
879
879
  .ui.dropdown.error > .menu .menu {
880
- border-color: #E0B4B4;
880
+ border-color: #e0b4b4;
881
881
  }
882
882
  .ui.dropdown.error > .menu > .item {
883
- color: #9F3A38;
883
+ color: #9f3a38;
884
884
  }
885
885
  .ui.multiple.selection.error.dropdown > .label {
886
- border-color: #E0B4B4;
886
+ border-color: #e0b4b4;
887
887
  }
888
888
 
889
889
  /* Item Hover */
890
890
  .ui.dropdown.error > .menu > .item:hover {
891
- background-color: #FFF2F2;
891
+ background-color: #fff2f2;
892
892
  }
893
893
 
894
894
  /* Item Active */
895
895
  .ui.dropdown.error > .menu .active.item {
896
- background-color: #FDCFCF;
896
+ background-color: #fdcfcf;
897
897
  }
898
898
 
899
899
  /*--------------------
@@ -1195,7 +1195,7 @@ select.ui.dropdown {
1195
1195
  width: 0.5em;
1196
1196
  height: 0.5em;
1197
1197
  box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
1198
- background: #FFFFFF;
1198
+ background: #ffffff;
1199
1199
  z-index: 2;
1200
1200
  }
1201
1201
  .ui.pointing.dropdown > .menu:after {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Video
2
+ * # Semantic UI 2.1.7 - Video
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -19,7 +19,7 @@
19
19
  max-width: 100%;
20
20
  height: 0px;
21
21
  overflow: hidden;
22
- background: #DCDDDE;
22
+ background: #dcddde;
23
23
  padding-bottom: 56.25%;
24
24
  }
25
25
 
@@ -98,7 +98,7 @@
98
98
  -webkit-transform: translateX(-50%) translateY(-50%);
99
99
  -ms-transform: translateX(-50%) translateY(-50%);
100
100
  transform: translateX(-50%) translateY(-50%);
101
- color: #FFFFFF;
101
+ color: #ffffff;
102
102
  font-size: 6rem;
103
103
  text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
104
104
  -webkit-transition: opacity 0.5s ease, color 0.5s ease;
@@ -122,7 +122,7 @@
122
122
  opacity: 1;
123
123
  }
124
124
  .ui.embed .icon:hover:before {
125
- color: #FFFFFF;
125
+ color: #ffffff;
126
126
  }
127
127
 
128
128
  /*--------------
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Modal
2
+ * # Semantic UI 2.1.7 - Modal
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -21,7 +21,7 @@
21
21
  top: 50%;
22
22
  left: 50%;
23
23
  text-align: left;
24
- background: #FFFFFF;
24
+ background: #ffffff;
25
25
  border: none;
26
26
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
27
27
  -webkit-transform-origin: 50% 25%;
@@ -62,7 +62,7 @@
62
62
  z-index: 1;
63
63
  opacity: 0.8;
64
64
  font-size: 1.25em;
65
- color: #FFFFFF;
65
+ color: #ffffff;
66
66
  width: 2.25rem;
67
67
  height: 2.25rem;
68
68
  padding: 0.625rem 0rem 0rem 0rem;
@@ -78,7 +78,7 @@
78
78
  .ui.modal > .header {
79
79
  display: block;
80
80
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
81
- background: #FFFFFF;
81
+ background: #ffffff;
82
82
  margin: 0em;
83
83
  padding: 1.25rem 1.5rem;
84
84
  box-shadow: none;
@@ -101,7 +101,7 @@
101
101
  font-size: 1em;
102
102
  line-height: 1.4;
103
103
  padding: 1.5rem;
104
- background: #FFFFFF;
104
+ background: #ffffff;
105
105
  }
106
106
  .ui.modal > .image.content {
107
107
  display: -webkit-box;
@@ -179,7 +179,7 @@
179
179
  ---------------*/
180
180
 
181
181
  .ui.modal > .actions {
182
- background: #F9FAFB;
182
+ background: #f9fafb;
183
183
  padding: 1rem 1rem;
184
184
  border-top: 1px solid rgba(34, 36, 38, 0.15);
185
185
  text-align: right;
@@ -307,7 +307,7 @@
307
307
  border: none;
308
308
  border-radius: 0em;
309
309
  box-shadow: none !important;
310
- color: #FFFFFF;
310
+ color: #ffffff;
311
311
  }
312
312
  .ui.basic.modal > .header,
313
313
  .ui.basic.modal > .content,
@@ -315,7 +315,7 @@
315
315
  background-color: transparent;
316
316
  }
317
317
  .ui.basic.modal > .header {
318
- color: #FFFFFF;
318
+ color: #ffffff;
319
319
  }
320
320
  .ui.basic.modal > .close {
321
321
  top: 1rem;
@@ -331,7 +331,7 @@
331
331
  /* Tablet and Mobile */
332
332
  @media only screen and (max-width: 991px) {
333
333
  .ui.basic.modal > .close {
334
- color: #FFFFFF;
334
+ color: #ffffff;
335
335
  }
336
336
  }
337
337
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Nag
2
+ * # Semantic UI 2.1.7 - Nag
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -40,7 +40,7 @@ a.ui.nag {
40
40
  .ui.nag > .title {
41
41
  display: inline-block;
42
42
  margin: 0em 0.5em;
43
- color: #FFFFFF;
43
+ color: #ffffff;
44
44
  }
45
45
  .ui.nag > .close.icon {
46
46
  cursor: pointer;
@@ -50,7 +50,7 @@ a.ui.nag {
50
50
  right: 1em;
51
51
  font-size: 1em;
52
52
  margin: -0.5em 0em 0em;
53
- color: #FFFFFF;
53
+ color: #ffffff;
54
54
  -webkit-transition: opacity 0.2s ease;
55
55
  transition: opacity 0.2s ease;
56
56
  }
@@ -110,7 +110,7 @@ a.ui.nag {
110
110
 
111
111
  .ui.inverted.nags .nag,
112
112
  .ui.inverted.nag {
113
- background-color: #F3F4F5;
113
+ background-color: #f3f4f5;
114
114
  color: rgba(0, 0, 0, 0.85);
115
115
  }
116
116
  .ui.inverted.nags .nag .close,
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Popup
2
+ * # Semantic UI 2.1.7 - Popup
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -25,10 +25,10 @@
25
25
  min-width: -moz-min-content;
26
26
  min-width: min-content;
27
27
  z-index: 1900;
28
- border: 1px solid #D4D4D5;
28
+ border: 1px solid #d4d4d5;
29
29
  line-height: 1.4285em;
30
30
  max-width: 250px;
31
- background: #FFFFFF;
31
+ background: #ffffff;
32
32
  padding: 0.833em 1em;
33
33
  font-weight: normal;
34
34
  font-style: normal;
@@ -51,7 +51,7 @@
51
51
  content: '';
52
52
  width: 0.75em;
53
53
  height: 0.75em;
54
- background: #FFFFFF;
54
+ background: #ffffff;
55
55
  -webkit-transform: rotate(45deg);
56
56
  -ms-transform: rotate(45deg);
57
57
  transform: rotate(45deg);
@@ -225,26 +225,26 @@
225
225
 
226
226
  /* Arrow Color By Location */
227
227
  .ui.bottom.popup:before {
228
- background: #FFFFFF;
228
+ background: #ffffff;
229
229
  }
230
230
  .ui.right.center.popup:before,
231
231
  .ui.left.center.popup:before {
232
- background: #FFFFFF;
232
+ background: #ffffff;
233
233
  }
234
234
  .ui.top.popup:before {
235
- background: #FFFFFF;
235
+ background: #ffffff;
236
236
  }
237
237
 
238
238
  /* Inverted Arrow Color */
239
239
  .ui.inverted.bottom.popup:before {
240
- background: #1B1C1D;
240
+ background: #1b1c1d;
241
241
  }
242
242
  .ui.inverted.right.center.popup:before,
243
243
  .ui.inverted.left.center.popup:before {
244
- background: #1B1C1D;
244
+ background: #1b1c1d;
245
245
  }
246
246
  .ui.inverted.top.popup:before {
247
- background: #1B1C1D;
247
+ background: #1b1c1d;
248
248
  }
249
249
 
250
250
 
@@ -327,17 +327,17 @@
327
327
 
328
328
  /* Inverted colors */
329
329
  .ui.inverted.popup {
330
- background: #1B1C1D;
331
- color: #FFFFFF;
330
+ background: #1b1c1d;
331
+ color: #ffffff;
332
332
  border: none;
333
333
  box-shadow: none;
334
334
  }
335
335
  .ui.inverted.popup .header {
336
336
  background-color: none;
337
- color: #FFFFFF;
337
+ color: #ffffff;
338
338
  }
339
339
  .ui.inverted.popup:before {
340
- background-color: #1B1C1D;
340
+ background-color: #1b1c1d;
341
341
  box-shadow: none !important;
342
342
  }
343
343