fomantic-ui-sass 2.8.7.1 → 2.8.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/calendar.js +9 -11
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +8 -11
  5. data/app/assets/javascripts/semantic-ui/dropdown.js +191 -99
  6. data/app/assets/javascripts/semantic-ui/form.js +98 -60
  7. data/app/assets/javascripts/semantic-ui/modal.js +259 -16
  8. data/app/assets/javascripts/semantic-ui/nag.js +130 -64
  9. data/app/assets/javascripts/semantic-ui/popup.js +4 -4
  10. data/app/assets/javascripts/semantic-ui/progress.js +6 -8
  11. data/app/assets/javascripts/semantic-ui/search.js +14 -12
  12. data/app/assets/javascripts/semantic-ui/slider.js +55 -31
  13. data/app/assets/javascripts/semantic-ui/toast.js +26 -6
  14. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  15. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +46 -5
  16. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +14 -7
  17. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +6 -4
  18. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +50 -3
  19. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +6 -2
  20. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +29 -2
  21. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +3 -4
  22. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  24. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +10 -5
  25. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +237 -65
  26. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  27. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +2 -1
  28. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
  30. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +41 -37
  31. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  34. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +34 -2
  35. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -3
  38. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +2 -2
  39. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +3 -3
  41. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +46 -4
  42. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +72 -3
  44. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +19 -8
  46. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +168 -16
  47. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +4 -2
  48. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +18 -10
  49. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +18 -33
  50. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +3 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -2
  55. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +97 -10
  57. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  59. data/app/assets/stylesheets/semantic-ui/views/_card.scss +74 -2
  60. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  62. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  64. data/lib/fomantic/ui/sass/version.rb +2 -2
  65. metadata +6 -6
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Dropdown
2
+ * # Fomantic-UI 2.8.8 - Dropdown
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -84,6 +84,7 @@
84
84
  .ui.dropdown:not(.labeled) > .dropdown.icon {
85
85
  position: relative;
86
86
  width: auto;
87
+ min-width: 1em;
87
88
  font-size: 0.85714286em;
88
89
  margin: 0 0 0 1em;
89
90
  }
@@ -266,6 +267,7 @@
266
267
 
267
268
 
268
269
  /* Icons / Flags / Labels / Image */
270
+ .ui.dropdown > .text > i.icons,
269
271
  .ui.dropdown > .text > i.icon,
270
272
  .ui.dropdown > .text > .label,
271
273
  .ui.dropdown > .text > .flag,
@@ -273,6 +275,7 @@
273
275
  .ui.dropdown > .text > .image {
274
276
  margin-top: 0em;
275
277
  }
278
+ .ui.dropdown .menu > .item > i.icons,
276
279
  .ui.dropdown .menu > .item > i.icon,
277
280
  .ui.dropdown .menu > .item > .label,
278
281
  .ui.dropdown .menu > .item > .flag,
@@ -280,11 +283,13 @@
280
283
  .ui.dropdown .menu > .item > img {
281
284
  margin-top: 0em;
282
285
  }
286
+ .ui.dropdown > .text > i.icons,
283
287
  .ui.dropdown > .text > i.icon,
284
288
  .ui.dropdown > .text > .label,
285
289
  .ui.dropdown > .text > .flag,
286
290
  .ui.dropdown > .text > img,
287
291
  .ui.dropdown > .text > .image,
292
+ .ui.dropdown .menu > .item > i.icons,
288
293
  .ui.dropdown .menu > .item > i.icon,
289
294
  .ui.dropdown .menu > .item > .label,
290
295
  .ui.dropdown .menu > .item > .flag,
@@ -779,12 +784,18 @@ select.ui.dropdown {
779
784
  font-size: 0.85714286em;
780
785
  margin: -0.78571429em;
781
786
  padding: 0.91666667em;
782
- right: 3em;
787
+ right: 2em;
783
788
  top: 0.78571429em;
784
789
  position: absolute;
785
790
  opacity: 0.6;
786
791
  z-index: 3;
787
792
  }
793
+ .ui.selection.dropdown > .remove.icon {
794
+ right: 3em;
795
+ }
796
+ .ui.inline.dropdown > .remove.icon {
797
+ right: 2.2em;
798
+ }
788
799
  .ui.clearable.dropdown .text,
789
800
  .ui.clearable.dropdown a:last-of-type {
790
801
  margin-right: 1.5em;
@@ -795,6 +806,12 @@ select.ui.dropdown {
795
806
  .ui.dropdown.loading > .remove.icon {
796
807
  display: none;
797
808
  }
809
+ .ui.dropdown:not(.selection) > .remove.icon ~ .dropdown.icon {
810
+ margin-left: 1.5em;
811
+ }
812
+ .ui.dropdown:not(.selection) > .remove.icon {
813
+ margin-top: -1.35em;
814
+ }
798
815
 
799
816
  /*--------------
800
817
  Multiple
@@ -1186,11 +1203,13 @@ select.ui.dropdown {
1186
1203
  Clear
1187
1204
  ----------------------*/
1188
1205
 
1206
+ .ui.dropdown > .remove.icon,
1189
1207
  .ui.dropdown > .clear.dropdown.icon {
1190
- opacity: 0.8;
1208
+ opacity: 0.6;
1191
1209
  -webkit-transition: opacity 0.1s ease;
1192
1210
  transition: opacity 0.1s ease;
1193
1211
  }
1212
+ .ui.dropdown > .remove.icon:hover,
1194
1213
  .ui.dropdown > .clear.dropdown.icon:hover {
1195
1214
  opacity: 1;
1196
1215
  }
@@ -1208,6 +1227,15 @@ select.ui.dropdown {
1208
1227
  opacity: 0.45;
1209
1228
  }
1210
1229
 
1230
+ /*--------------------
1231
+ Read-Only
1232
+ ----------------------*/
1233
+
1234
+ .ui.read-only.dropdown {
1235
+ cursor: default;
1236
+ pointer-events: none;
1237
+ }
1238
+
1211
1239
 
1212
1240
  /*******************************
1213
1241
  Variations
@@ -1402,6 +1430,29 @@ select.ui.dropdown {
1402
1430
  }
1403
1431
  }
1404
1432
 
1433
+ /*--------------------
1434
+ Labeled
1435
+ ---------------------*/
1436
+
1437
+
1438
+ /* Regular Label on Left */
1439
+ .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
1440
+ border-top-left-radius: 0;
1441
+ border-bottom-left-radius: 0;
1442
+ border-left-color: transparent;
1443
+ }
1444
+
1445
+ /* Regular Label on Right */
1446
+ .ui[class*="right labeled"].input > .dropdown:not(:last-child) {
1447
+ border-top-right-radius: 0 !important;
1448
+ border-bottom-right-radius: 0 !important;
1449
+ border-right-color: transparent !important;
1450
+ }
1451
+ .ui[class*="right labeled"].input > .dropdown + .label {
1452
+ border-top-left-radius: 0;
1453
+ border-bottom-left-radius: 0;
1454
+ }
1455
+
1405
1456
  /*--------------
1406
1457
  Columnar
1407
1458
  ---------------*/
@@ -1777,40 +1828,49 @@ select.ui.dropdown {
1777
1828
 
1778
1829
 
1779
1830
  /* General rules and basic dropdowns */
1831
+ .ui.dropdown .inverted.menu,
1780
1832
  .ui.inverted.dropdown .menu {
1781
1833
  background: #1B1C1D;
1782
1834
  -webkit-box-shadow: none;
1783
1835
  box-shadow: none;
1784
1836
  border: 1px solid rgba(255, 255, 255, 0.15);
1785
1837
  }
1838
+ .ui.dropdown .inverted.menu > .item,
1786
1839
  .ui.inverted.dropdown .menu > .item {
1787
1840
  color: rgba(255, 255, 255, 0.8);
1788
1841
  }
1842
+ .ui.dropdown .inverted.menu .active.item,
1789
1843
  .ui.inverted.dropdown .menu .active.item {
1790
1844
  background: transparent;
1791
1845
  color: rgba(255, 255, 255, 0.8);
1792
1846
  -webkit-box-shadow: none;
1793
1847
  box-shadow: none;
1794
1848
  }
1849
+ .ui.dropdown .inverted.menu > .item:hover,
1795
1850
  .ui.inverted.dropdown .menu > .item:hover {
1796
1851
  background: rgba(255, 255, 255, 0.08);
1797
1852
  color: rgba(255, 255, 255, 0.8);
1798
1853
  }
1799
1854
  .ui.inverted.dropdown.selected,
1855
+ .ui.dropdown .inverted.menu .selected.item,
1800
1856
  .ui.inverted.dropdown .menu .selected.item {
1801
1857
  background: rgba(255, 255, 255, 0.15);
1802
1858
  color: rgba(255, 255, 255, 0.8);
1803
1859
  }
1860
+ .ui.dropdown .inverted.menu > .header,
1804
1861
  .ui.inverted.dropdown .menu > .header {
1805
1862
  color: #FFFFFF;
1806
1863
  }
1807
1864
  .ui.inverted.dropdown > .text > .description,
1865
+ .ui.dropdown .inverted.menu > .item > .description,
1808
1866
  .ui.inverted.dropdown .menu > .item > .description {
1809
1867
  color: rgba(255, 255, 255, 0.5);
1810
1868
  }
1869
+ .ui.dropdown .inverted.menu > .divider,
1811
1870
  .ui.inverted.dropdown .menu > .divider {
1812
1871
  border-top: 1px solid rgba(255, 255, 255, 0.15);
1813
1872
  }
1873
+ .ui.dropdown .inverted.scrolling.menu,
1814
1874
  .ui.inverted.dropdown .scrolling.menu {
1815
1875
  border: none;
1816
1876
  border-top: 1px solid rgba(255, 255, 255, 0.15);
@@ -1833,10 +1893,12 @@ select.ui.dropdown {
1833
1893
  .ui.inverted.selection.visible.dropdown > .text:not(.default) {
1834
1894
  color: rgba(255, 255, 255, 0.9);
1835
1895
  }
1896
+ .ui.selection.active.dropdown .inverted.menu,
1836
1897
  .ui.inverted.selection.active.dropdown .menu,
1837
1898
  .ui.inverted.selection.active.dropdown:hover {
1838
1899
  border-color: rgba(255, 255, 255, 0.15);
1839
1900
  }
1901
+ .ui.selection.dropdown .inverted.menu > .item,
1840
1902
  .ui.inverted.selection.dropdown .menu > .item {
1841
1903
  border-top: 1px solid #242526;
1842
1904
  }
@@ -1855,11 +1917,13 @@ select.ui.dropdown {
1855
1917
  .ui.inverted.active.search.dropdown input.search:focus + .text {
1856
1918
  color: rgba(255, 255, 255, 0.7) !important;
1857
1919
  }
1920
+ .ui.dropdown .inverted.menu > .message:not(.ui),
1858
1921
  .ui.inverted.dropdown .menu > .message:not(.ui) {
1859
1922
  color: rgba(255, 255, 255, 0.5);
1860
1923
  }
1861
1924
 
1862
1925
  /* Fixing the border */
1926
+ .ui.dropdown .inverted.menu > .item:first-child,
1863
1927
  .ui.inverted.dropdown .menu > .item:first-child {
1864
1928
  border-top-width: 0;
1865
1929
  }
@@ -1905,18 +1969,23 @@ select.ui.dropdown {
1905
1969
  }
1906
1970
 
1907
1971
  /* Scrollbars */
1972
+ .ui.dropdown .inverted.menu::-webkit-scrollbar-track,
1908
1973
  .ui.inverted.dropdown .menu::-webkit-scrollbar-track {
1909
1974
  background: rgba(255, 255, 255, 0.1);
1910
1975
  }
1976
+ .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb,
1911
1977
  .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
1912
1978
  background: rgba(255, 255, 255, 0.25);
1913
1979
  }
1980
+ .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:window-inactive,
1914
1981
  .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
1915
1982
  background: rgba(255, 255, 255, 0.15);
1916
1983
  }
1984
+ .ui.dropdown .inverted.menu::-webkit-scrollbar-thumb:hover,
1917
1985
  .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
1918
1986
  background: rgba(255, 255, 255, 0.35);
1919
1987
  }
1988
+ .ui.pointing.dropdown > .inverted.menu:after,
1920
1989
  .ui.inverted.pointing.dropdown > .menu:after {
1921
1990
  background: #1B1C1D;
1922
1991
  -webkit-box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Video
2
+ * # Fomantic-UI 2.8.8 - Video
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Modal
2
+ * # Fomantic-UI 2.8.8 - Modal
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -34,9 +34,9 @@
34
34
  user-select: text;
35
35
  will-change: top, left, margin, transform, opacity;
36
36
  }
37
- .ui.modal > :first-child:not(.icon):not(.dimmer),
37
+ .ui.modal > :first-child:not(.close):not(.dimmer),
38
38
  .ui.modal > i.icon:first-child + *,
39
- .ui.modal > .dimmer:first-child + *:not(.icon),
39
+ .ui.modal > .dimmer:first-child + *:not(.close),
40
40
  .ui.modal > .dimmer:first-child + i.icon + * {
41
41
  border-top-left-radius: 0.28571429rem;
42
42
  border-top-right-radius: 0.28571429rem;
@@ -187,6 +187,15 @@
187
187
  .ui.basic.modal > .actions {
188
188
  border-top: none;
189
189
  }
190
+ .ui.modal > .centered,
191
+ .ui.modal > .center.aligned {
192
+ text-align: center;
193
+ }
194
+ .ui.modal > .centered.actions > .button:not(.fluid),
195
+ .ui.modal > .center.aligned.actions > .button:not(.fluid) {
196
+ margin-left: 0.5em;
197
+ margin-right: 0.5em;
198
+ }
190
199
 
191
200
  /*-------------------
192
201
  Responsive
@@ -227,7 +236,7 @@
227
236
 
228
237
  /* Tablet and Mobile */
229
238
  @media only screen and (max-width: 991.98px) {
230
- .ui.modal > .header {
239
+ .ui.modal > .close + .header {
231
240
  padding-right: 2.25rem;
232
241
  }
233
242
  .ui.modal > .close {
@@ -240,8 +249,10 @@
240
249
  /* Mobile */
241
250
  @media only screen and (max-width: 767.98px) {
242
251
  .ui.modal > .header {
243
- padding: 0.75rem 1rem !important;
244
- padding-right: 2.25rem !important;
252
+ padding: 0.75rem 1rem;
253
+ }
254
+ .ui.modal > .close + .header {
255
+ padding-right: 2.25rem;
245
256
  }
246
257
  .ui.overlay.fullscreen.modal > .content.content.content {
247
258
  min-height: calc(100vh - 8.1rem);
@@ -467,8 +478,8 @@
467
478
  top: 0;
468
479
  border-radius: 0;
469
480
  }
470
- .ui.modal > .close.inside + .header,
471
- .ui.fullscreen.modal > .header {
481
+ .ui.modal > .close.inside + .header:not(.centered):not(.center):not(.icon),
482
+ .ui.fullscreen.modal > .close + .header:not(.centered):not(.center):not(.icon) {
472
483
  padding-right: 2.25rem;
473
484
  }
474
485
  .ui.modal > .close.inside,
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Nag
2
+ * # Fomantic-UI 2.8.8 - Nag
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -24,7 +24,7 @@
24
24
  width: 100%;
25
25
  margin: 0;
26
26
  padding: 0.75em 1em;
27
- background: #555555;
27
+ background: #777777;
28
28
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
29
29
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
30
30
  font-size: 1rem;
@@ -54,6 +54,9 @@ a.ui.nag {
54
54
  -webkit-transition: opacity 0.2s ease;
55
55
  transition: opacity 0.2s ease;
56
56
  }
57
+ .ui.nag:not(.overlay):not(.fixed) {
58
+ border-radius: 0.28571429rem;
59
+ }
57
60
 
58
61
 
59
62
  /*******************************
@@ -63,10 +66,10 @@ a.ui.nag {
63
66
 
64
67
  /* Hover */
65
68
  .ui.nag:hover {
66
- background: #555555;
69
+ background: #777777;
67
70
  opacity: 1;
68
71
  }
69
- .ui.nag .close:hover {
72
+ .ui.nag > .close:hover {
70
73
  opacity: 1;
71
74
  }
72
75
 
@@ -77,9 +80,10 @@ a.ui.nag {
77
80
 
78
81
 
79
82
  /*--------------
80
- Static
81
- ---------------*/
83
+ Static
84
+ ---------------*/
82
85
 
86
+ .ui.overlay.nags,
83
87
  .ui.overlay.nag {
84
88
  position: absolute;
85
89
  display: block;
@@ -89,6 +93,7 @@ a.ui.nag {
89
93
  Fixed
90
94
  ---------------*/
91
95
 
96
+ .ui.fixed.nags,
92
97
  .ui.fixed.nag {
93
98
  position: fixed;
94
99
  }
@@ -105,7 +110,7 @@ a.ui.nag {
105
110
  }
106
111
 
107
112
  /*--------------
108
- White
113
+ Inverted
109
114
  ---------------*/
110
115
 
111
116
  .ui.inverted.nags .nag,
@@ -113,11 +118,147 @@ a.ui.nag {
113
118
  background-color: #F3F4F5;
114
119
  color: rgba(0, 0, 0, 0.85);
115
120
  }
116
- .ui.inverted.nags .nag .close,
117
- .ui.inverted.nags .nag .title,
118
- .ui.inverted.nag .close,
119
- .ui.inverted.nag .title {
120
- color: rgba(0, 0, 0, 0.4);
121
+ .ui.inverted.nags .nag > .close,
122
+ .ui.inverted.nag > .close {
123
+ color: rgba(0, 0, 0, 0.6);
124
+ }
125
+ .ui.inverted.nags .nag > .title,
126
+ .ui.inverted.nag > .title {
127
+ color: rgba(0, 0, 0, 0.6);
128
+ }
129
+
130
+ /*-------------------
131
+ Sizes
132
+ --------------------*/
133
+
134
+ .ui.mini.nag,
135
+ .ui.mini.nags .nag {
136
+ font-size: 0.78571429rem;
137
+ }
138
+ .ui.tiny.nag,
139
+ .ui.tiny.nags .nag {
140
+ font-size: 0.85714286rem;
141
+ }
142
+ .ui.small.nag,
143
+ .ui.small.nags .nag {
144
+ font-size: 0.92857143rem;
145
+ }
146
+ .ui.large.nag,
147
+ .ui.large.nags .nag {
148
+ font-size: 1.14285714rem;
149
+ }
150
+ .ui.big.nag,
151
+ .ui.big.nags .nag {
152
+ font-size: 1.28571429rem;
153
+ }
154
+ .ui.huge.nag,
155
+ .ui.huge.nags .nag {
156
+ font-size: 1.42857143rem;
157
+ line-height: 1;
158
+ }
159
+ .ui.massive.nag,
160
+ .ui.massive.nags .nag {
161
+ font-size: 1.71428571rem;
162
+ line-height: 1;
163
+ }
164
+
165
+ /*--------------
166
+ Colors
167
+ -------------- */
168
+
169
+ .ui.primary.nag {
170
+ background-color: #2185D0;
171
+ }
172
+ .ui.inverted.primary.nag {
173
+ background-color: #54C8FF;
174
+ }
175
+ .ui.secondary.nag {
176
+ background-color: #1B1C1D;
177
+ }
178
+ .ui.inverted.secondary.nag {
179
+ background-color: #545454;
180
+ }
181
+ .ui.red.nag {
182
+ background-color: #DB2828;
183
+ }
184
+ .ui.inverted.red.nag {
185
+ background-color: #FF695E;
186
+ }
187
+ .ui.orange.nag {
188
+ background-color: #F2711C;
189
+ }
190
+ .ui.inverted.orange.nag {
191
+ background-color: #FF851B;
192
+ }
193
+ .ui.yellow.nag {
194
+ background-color: #FBBD08;
195
+ }
196
+ .ui.inverted.yellow.nag {
197
+ background-color: #FFE21F;
198
+ }
199
+ .ui.olive.nag {
200
+ background-color: #B5CC18;
201
+ }
202
+ .ui.inverted.olive.nag {
203
+ background-color: #D9E778;
204
+ }
205
+ .ui.green.nag {
206
+ background-color: #21BA45;
207
+ }
208
+ .ui.inverted.green.nag {
209
+ background-color: #2ECC40;
210
+ }
211
+ .ui.teal.nag {
212
+ background-color: #00B5AD;
213
+ }
214
+ .ui.inverted.teal.nag {
215
+ background-color: #6DFFFF;
216
+ }
217
+ .ui.blue.nag {
218
+ background-color: #2185D0;
219
+ }
220
+ .ui.inverted.blue.nag {
221
+ background-color: #54C8FF;
222
+ }
223
+ .ui.violet.nag {
224
+ background-color: #6435C9;
225
+ }
226
+ .ui.inverted.violet.nag {
227
+ background-color: #A291FB;
228
+ }
229
+ .ui.purple.nag {
230
+ background-color: #A333C8;
231
+ }
232
+ .ui.inverted.purple.nag {
233
+ background-color: #DC73FF;
234
+ }
235
+ .ui.pink.nag {
236
+ background-color: #E03997;
237
+ }
238
+ .ui.inverted.pink.nag {
239
+ background-color: #FF8EDF;
240
+ }
241
+ .ui.brown.nag {
242
+ background-color: #A5673F;
243
+ }
244
+ .ui.inverted.brown.nag {
245
+ background-color: #D67C1C;
246
+ }
247
+ .ui.grey.nag {
248
+ background-color: #767676;
249
+ }
250
+ .ui.inverted.grey.nag {
251
+ background-color: #DCDDDE;
252
+ }
253
+ .ui.black.nag {
254
+ background-color: #1B1C1D;
255
+ color: rgba(255, 255, 255, 0.9);
256
+ }
257
+ .ui.inverted.black.nag {
258
+ background-color: #545454;
259
+ }
260
+ .ui.inverted.black.nag .title {
261
+ color: #FFFFFF;
121
262
  }
122
263
 
123
264
 
@@ -125,15 +266,26 @@ a.ui.nag {
125
266
  Groups
126
267
  *******************************/
127
268
 
128
- .ui.nags .nag {
129
- border-radius: 0 !important;
269
+ .ui.nags {
270
+ top: 0;
271
+ left: 0;
272
+ width: 100%;
273
+ }
274
+ .ui.ui.nags .nag {
275
+ border-radius: 0;
130
276
  }
131
- .ui.nags .nag:last-child {
277
+ .ui.nags:not(.bottom) .nag:last-child {
132
278
  border-radius: 0 0 0.28571429rem 0.28571429rem;
133
279
  }
134
- .ui.bottom.nags .nag:last-child {
280
+ .ui.bottom.nags .nag:first-child {
135
281
  border-radius: 0.28571429rem 0.28571429rem 0 0;
136
282
  }
283
+ .ui.nags:not(.fixed):not(.overlay) .nag:first-child {
284
+ border-radius: 0.28571429rem 0.28571429rem 0 0;
285
+ }
286
+ .ui.nags:not(.fixed):not(.overlay) .nag:only-child {
287
+ border-radius: 0.28571429rem;
288
+ }
137
289
 
138
290
 
139
291
  /*******************************
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Popup
2
+ * # Fomantic-UI 2.8.8 - Popup
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -330,7 +330,9 @@
330
330
  top: 100%;
331
331
  left: 50%;
332
332
  margin-left: -0.07142857rem;
333
- margin-top: 0.14285714rem;
333
+ margin-top: 0.30714286em;
334
+ -webkit-transform-origin: center top;
335
+ transform-origin: center top;
334
336
  }
335
337
 
336
338
  /* Bottom Left */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Progress Bar
2
+ * # Fomantic-UI 2.8.8 - Progress Bar
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -15,7 +15,9 @@
15
15
 
16
16
  .ui.progress {
17
17
  position: relative;
18
- display: block;
18
+ display: -webkit-box;
19
+ display: -ms-flexbox;
20
+ display: flex;
19
21
  max-width: 100%;
20
22
  border: none;
21
23
  margin: 1em 0 2.5em;
@@ -78,6 +80,15 @@
78
80
  font-weight: bold;
79
81
  text-align: left;
80
82
  }
83
+ .ui.right.aligned.progress {
84
+ -webkit-box-pack: end;
85
+ -ms-flex-pack: end;
86
+ justify-content: flex-end;
87
+ }
88
+ .ui.right.aligned.progress .bar > .progress {
89
+ left: 0.5em;
90
+ right: auto;
91
+ }
81
92
 
82
93
  /* Label */
83
94
  .ui.progress > .label {
@@ -246,13 +257,6 @@
246
257
  color: #1A531B;
247
258
  }
248
259
 
249
- /* Multiple */
250
- .ui.multiple.progress {
251
- display: -webkit-box;
252
- display: -ms-flexbox;
253
- display: flex;
254
- }
255
-
256
260
 
257
261
  /*******************************
258
262
  States
@@ -330,6 +334,10 @@
330
334
  -webkit-transform-origin: left;
331
335
  transform-origin: left;
332
336
  }
337
+ .ui.active.right.aligned.progress .bar::after {
338
+ -webkit-transform-origin: right;
339
+ transform-origin: right;
340
+ }
333
341
  @-webkit-keyframes progress-active {
334
342
  0% {
335
343
  opacity: 0.3;
@@ -415,7 +423,6 @@
415
423
  }
416
424
  .ui.progress.attached,
417
425
  .ui.progress.attached .bar {
418
- display: block;
419
426
  height: 0.2rem;
420
427
  padding: 0;
421
428
  overflow: hidden;
@@ -669,6 +676,7 @@
669
676
  .ui.progress .bar .centered.progress {
670
677
  text-align: center;
671
678
  position: relative;
679
+ right: 0;
672
680
  }
673
681
  .ui.indeterminate.progress .bar::before {
674
682
  content: '';