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 - 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