fomantic-ui-sass 2.8.8 → 2.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (97) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.svg +41 -6
  5. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  6. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  7. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  9. data/app/assets/fonts/semantic-ui/icons.svg +245 -7
  10. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  11. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  14. data/app/assets/fonts/semantic-ui/outline-icons.svg +2 -2
  15. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  16. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  18. data/app/assets/javascripts/semantic-ui/accordion.js +9 -3
  19. data/app/assets/javascripts/semantic-ui/api.js +92 -33
  20. data/app/assets/javascripts/semantic-ui/calendar.js +200 -82
  21. data/app/assets/javascripts/semantic-ui/checkbox.js +20 -13
  22. data/app/assets/javascripts/semantic-ui/dimmer.js +24 -9
  23. data/app/assets/javascripts/semantic-ui/dropdown.js +250 -205
  24. data/app/assets/javascripts/semantic-ui/embed.js +13 -9
  25. data/app/assets/javascripts/semantic-ui/flyout.js +1530 -0
  26. data/app/assets/javascripts/semantic-ui/form.js +47 -41
  27. data/app/assets/javascripts/semantic-ui/modal.js +187 -83
  28. data/app/assets/javascripts/semantic-ui/nag.js +2 -2
  29. data/app/assets/javascripts/semantic-ui/popup.js +16 -22
  30. data/app/assets/javascripts/semantic-ui/progress.js +7 -4
  31. data/app/assets/javascripts/semantic-ui/rating.js +7 -3
  32. data/app/assets/javascripts/semantic-ui/search.js +47 -20
  33. data/app/assets/javascripts/semantic-ui/shape.js +3 -3
  34. data/app/assets/javascripts/semantic-ui/sidebar.js +140 -43
  35. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  36. data/app/assets/javascripts/semantic-ui/slider.js +78 -63
  37. data/app/assets/javascripts/semantic-ui/state.js +2 -2
  38. data/app/assets/javascripts/semantic-ui/sticky.js +30 -19
  39. data/app/assets/javascripts/semantic-ui/tab.js +24 -6
  40. data/app/assets/javascripts/semantic-ui/toast.js +67 -33
  41. data/app/assets/javascripts/semantic-ui/transition.js +27 -22
  42. data/app/assets/javascripts/semantic-ui/visibility.js +5 -5
  43. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +160 -83
  45. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +25 -21
  46. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +110 -78
  47. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -43
  48. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1684 -272
  49. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +204 -157
  50. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +98 -4
  51. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +31 -31
  52. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +10799 -8841
  53. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1021 -915
  54. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +6 -4
  55. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +2110 -2061
  56. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +759 -22
  58. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +72 -68
  59. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +31 -31
  60. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +352 -352
  61. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +33 -33
  62. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  64. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +118 -34
  65. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +32 -32
  66. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  67. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +5 -4
  68. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +139 -42
  69. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +177 -37
  70. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +18 -1
  71. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +93 -92
  72. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +33 -18
  73. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +101 -51
  74. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +5 -5
  75. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +592 -0
  76. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +37 -6
  77. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +103 -105
  79. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  80. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +7 -46
  81. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +6 -6
  82. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  83. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +23 -9
  84. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +17 -17
  85. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  86. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +5 -5
  87. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +49 -1
  88. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  89. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +4 -4
  90. data/app/assets/stylesheets/semantic-ui/views/_card.scss +754 -117
  91. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +12 -12
  92. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +29 -29
  93. data/app/assets/stylesheets/semantic-ui/views/_item.scss +17 -17
  94. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +4 -4
  95. data/fomantic-ui-sass.gemspec +1 -1
  96. data/lib/fomantic/ui/sass/version.rb +2 -2
  97. metadata +9 -7
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Rating
2
+ * # Fomantic-UI 2.9.0 - Rating
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -72,8 +72,14 @@
72
72
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.15)));
73
73
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
74
74
  background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
75
+ }
76
+
77
+ /* central override for colors */
78
+ .ui.ui.rating .icon.partial.active {
79
+ -webkit-background-clip: text;
75
80
  background-clip: text;
76
81
  color: transparent;
82
+ text-shadow: none;
77
83
  }
78
84
 
79
85
  /* Selected Icon */
@@ -106,10 +112,7 @@
106
112
  background: -webkit-gradient(linear, left top, right top, from(#54C8FF), to(rgba(0, 0, 0, 0.15)));
107
113
  background: -webkit-linear-gradient(left, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
108
114
  background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
109
- text-shadow: none;
110
115
  -webkit-text-stroke: #2185D0 0.78px;
111
- background-clip: text;
112
- color: transparent;
113
116
  }
114
117
  .ui.secondary.rating .active.icon {
115
118
  color: #545454;
@@ -128,10 +131,7 @@
128
131
  background: -webkit-gradient(linear, left top, right top, from(#545454), to(rgba(0, 0, 0, 0.15)));
129
132
  background: -webkit-linear-gradient(left, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
130
133
  background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
131
- text-shadow: none;
132
134
  -webkit-text-stroke: #1B1C1D 0.78px;
133
- background-clip: text;
134
- color: transparent;
135
135
  }
136
136
  .ui.red.rating .active.icon {
137
137
  color: #FF695E;
@@ -150,10 +150,7 @@
150
150
  background: -webkit-gradient(linear, left top, right top, from(#FF695E), to(rgba(0, 0, 0, 0.15)));
151
151
  background: -webkit-linear-gradient(left, #FF695E 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
152
152
  background: linear-gradient(to right, #FF695E 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
153
- text-shadow: none;
154
153
  -webkit-text-stroke: #DB2828 0.78px;
155
- background-clip: text;
156
- color: transparent;
157
154
  }
158
155
  .ui.orange.rating .active.icon {
159
156
  color: #FF851B;
@@ -172,10 +169,7 @@
172
169
  background: -webkit-gradient(linear, left top, right top, from(#FF851B), to(rgba(0, 0, 0, 0.15)));
173
170
  background: -webkit-linear-gradient(left, #FF851B 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
174
171
  background: linear-gradient(to right, #FF851B 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
175
- text-shadow: none;
176
172
  -webkit-text-stroke: #F2711C 0.78px;
177
- background-clip: text;
178
- color: transparent;
179
173
  }
180
174
  .ui.yellow.rating .active.icon {
181
175
  color: #FFE21F;
@@ -194,10 +188,7 @@
194
188
  background: -webkit-gradient(linear, left top, right top, from(#FFE21F), to(rgba(0, 0, 0, 0.15)));
195
189
  background: -webkit-linear-gradient(left, #FFE21F 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
196
190
  background: linear-gradient(to right, #FFE21F 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
197
- text-shadow: none;
198
191
  -webkit-text-stroke: #FBBD08 0.78px;
199
- background-clip: text;
200
- color: transparent;
201
192
  }
202
193
  .ui.olive.rating .active.icon {
203
194
  color: #D9E778;
@@ -216,10 +207,7 @@
216
207
  background: -webkit-gradient(linear, left top, right top, from(#D9E778), to(rgba(0, 0, 0, 0.15)));
217
208
  background: -webkit-linear-gradient(left, #D9E778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
218
209
  background: linear-gradient(to right, #D9E778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
219
- text-shadow: none;
220
210
  -webkit-text-stroke: #B5CC18 0.78px;
221
- background-clip: text;
222
- color: transparent;
223
211
  }
224
212
  .ui.green.rating .active.icon {
225
213
  color: #2ECC40;
@@ -238,10 +226,7 @@
238
226
  background: -webkit-gradient(linear, left top, right top, from(#2ECC40), to(rgba(0, 0, 0, 0.15)));
239
227
  background: -webkit-linear-gradient(left, #2ECC40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
240
228
  background: linear-gradient(to right, #2ECC40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
241
- text-shadow: none;
242
229
  -webkit-text-stroke: #21BA45 0.78px;
243
- background-clip: text;
244
- color: transparent;
245
230
  }
246
231
  .ui.teal.rating .active.icon {
247
232
  color: #6DFFFF;
@@ -260,10 +245,7 @@
260
245
  background: -webkit-gradient(linear, left top, right top, from(#6DFFFF), to(rgba(0, 0, 0, 0.15)));
261
246
  background: -webkit-linear-gradient(left, #6DFFFF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
262
247
  background: linear-gradient(to right, #6DFFFF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
263
- text-shadow: none;
264
248
  -webkit-text-stroke: #00B5AD 0.78px;
265
- background-clip: text;
266
- color: transparent;
267
249
  }
268
250
  .ui.blue.rating .active.icon {
269
251
  color: #54C8FF;
@@ -282,10 +264,7 @@
282
264
  background: -webkit-gradient(linear, left top, right top, from(#54C8FF), to(rgba(0, 0, 0, 0.15)));
283
265
  background: -webkit-linear-gradient(left, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
284
266
  background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
285
- text-shadow: none;
286
267
  -webkit-text-stroke: #2185D0 0.78px;
287
- background-clip: text;
288
- color: transparent;
289
268
  }
290
269
  .ui.violet.rating .active.icon {
291
270
  color: #A291FB;
@@ -304,10 +283,7 @@
304
283
  background: -webkit-gradient(linear, left top, right top, from(#A291FB), to(rgba(0, 0, 0, 0.15)));
305
284
  background: -webkit-linear-gradient(left, #A291FB 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
306
285
  background: linear-gradient(to right, #A291FB 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
307
- text-shadow: none;
308
286
  -webkit-text-stroke: #6435C9 0.78px;
309
- background-clip: text;
310
- color: transparent;
311
287
  }
312
288
  .ui.purple.rating .active.icon {
313
289
  color: #DC73FF;
@@ -326,10 +302,7 @@
326
302
  background: -webkit-gradient(linear, left top, right top, from(#DC73FF), to(rgba(0, 0, 0, 0.15)));
327
303
  background: -webkit-linear-gradient(left, #DC73FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
328
304
  background: linear-gradient(to right, #DC73FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
329
- text-shadow: none;
330
305
  -webkit-text-stroke: #A333C8 0.78px;
331
- background-clip: text;
332
- color: transparent;
333
306
  }
334
307
  .ui.pink.rating .active.icon {
335
308
  color: #FF8EDF;
@@ -348,10 +321,7 @@
348
321
  background: -webkit-gradient(linear, left top, right top, from(#FF8EDF), to(rgba(0, 0, 0, 0.15)));
349
322
  background: -webkit-linear-gradient(left, #FF8EDF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
350
323
  background: linear-gradient(to right, #FF8EDF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
351
- text-shadow: none;
352
324
  -webkit-text-stroke: #E03997 0.78px;
353
- background-clip: text;
354
- color: transparent;
355
325
  }
356
326
  .ui.brown.rating .active.icon {
357
327
  color: #D67C1C;
@@ -370,10 +340,7 @@
370
340
  background: -webkit-gradient(linear, left top, right top, from(#D67C1C), to(rgba(0, 0, 0, 0.15)));
371
341
  background: -webkit-linear-gradient(left, #D67C1C 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
372
342
  background: linear-gradient(to right, #D67C1C 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
373
- text-shadow: none;
374
343
  -webkit-text-stroke: #A5673F 0.78px;
375
- background-clip: text;
376
- color: transparent;
377
344
  }
378
345
  .ui.grey.rating .active.icon {
379
346
  color: #DCDDDE;
@@ -392,10 +359,7 @@
392
359
  background: -webkit-gradient(linear, left top, right top, from(#DCDDDE), to(rgba(0, 0, 0, 0.15)));
393
360
  background: -webkit-linear-gradient(left, #DCDDDE 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
394
361
  background: linear-gradient(to right, #DCDDDE 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
395
- text-shadow: none;
396
362
  -webkit-text-stroke: #767676 0.78px;
397
- background-clip: text;
398
- color: transparent;
399
363
  }
400
364
  .ui.black.rating .active.icon {
401
365
  color: #545454;
@@ -414,10 +378,7 @@
414
378
  background: -webkit-gradient(linear, left top, right top, from(#545454), to(rgba(0, 0, 0, 0.15)));
415
379
  background: -webkit-linear-gradient(left, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
416
380
  background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
417
- text-shadow: none;
418
381
  -webkit-text-stroke: #1B1C1D 0.78px;
419
- background-clip: text;
420
- color: transparent;
421
382
  }
422
383
 
423
384
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Search
2
+ * # Fomantic-UI 2.9.0 - Search
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -121,7 +121,7 @@
121
121
  }
122
122
  .ui.search > .results .result .title {
123
123
  margin: -0.14285714em 0 0;
124
- font-family: $font-family;
124
+ font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
125
125
  font-weight: bold;
126
126
  font-size: 1em;
127
127
  color: rgba(0, 0, 0, 0.85);
@@ -144,7 +144,7 @@
144
144
  padding: 1em 1em;
145
145
  }
146
146
  .ui.search > .results > .message .header {
147
- font-family: $font-family;
147
+ font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
148
148
  font-size: 1rem;
149
149
  font-weight: bold;
150
150
  color: rgba(0, 0, 0, 0.87);
@@ -186,7 +186,7 @@
186
186
  Loading
187
187
  ---------------------*/
188
188
 
189
- .ui.loading.search .input > i.icon:before {
189
+ .ui.loading.search .input > i.icon::before {
190
190
  position: absolute;
191
191
  content: '';
192
192
  top: 50%;
@@ -197,7 +197,7 @@
197
197
  border-radius: 500rem;
198
198
  border: 0.2em solid rgba(0, 0, 0, 0.1);
199
199
  }
200
- .ui.loading.search .input > i.icon:after {
200
+ .ui.loading.search .input > i.icon::after {
201
201
  position: absolute;
202
202
  content: '';
203
203
  top: 50%;
@@ -343,7 +343,7 @@
343
343
  width: 100px;
344
344
  white-space: nowrap;
345
345
  background: transparent;
346
- font-family: $font-family;
346
+ font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
347
347
  font-size: 1em;
348
348
  padding: 0.4em 1em;
349
349
  font-weight: bold;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Shape
2
+ * # Fomantic-UI 2.9.0 - Shape
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Sidebar
2
+ * # Fomantic-UI 2.9.0 - Sidebar
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -80,10 +80,14 @@
80
80
  Pushable
81
81
  ---------------*/
82
82
 
83
- .pushable {
83
+ .pushable.pushable.pushable {
84
84
  height: 100%;
85
85
  overflow-x: hidden;
86
- padding: 0 !important;
86
+ padding: 0;
87
+ }
88
+ .pushable.pushable.pushable.locked {
89
+ overflow-y: hidden;
90
+ background: inherit;
87
91
  }
88
92
 
89
93
  /* Whole Page */
@@ -102,7 +106,7 @@ body.pushable.dimmed {
102
106
  }
103
107
  .pushable:not(body) > .ui.sidebar,
104
108
  .pushable:not(body) > .fixed,
105
- .pushable:not(body) > .pusher:after {
109
+ .pushable:not(body) > .pusher::after {
106
110
  position: absolute;
107
111
  }
108
112
 
@@ -130,7 +134,6 @@ body.pushable.dimmed {
130
134
  position: relative;
131
135
  -webkit-backface-visibility: hidden;
132
136
  backface-visibility: hidden;
133
- overflow: hidden;
134
137
  min-height: 100%;
135
138
  -webkit-transition: -webkit-transform 500ms ease;
136
139
  transition: -webkit-transform 500ms ease;
@@ -141,6 +144,9 @@ body.pushable.dimmed {
141
144
  /* Pusher should inherit background from context */
142
145
  background: inherit;
143
146
  }
147
+ .pushable > .pusher:not(.overflowing) {
148
+ overflow: hidden;
149
+ }
144
150
  body.pushable > .pusher {
145
151
  background: #FFFFFF;
146
152
  }
@@ -149,7 +155,7 @@ body.pushable > .pusher {
149
155
  Dimmer
150
156
  ---------------*/
151
157
 
152
- .pushable > .pusher:after {
158
+ .pushable > .pusher::after {
153
159
  position: fixed;
154
160
  top: 0;
155
161
  right: 0;
@@ -157,8 +163,8 @@ body.pushable > .pusher {
157
163
  background: rgba(0, 0, 0, 0.4);
158
164
  overflow: hidden;
159
165
  opacity: 0;
160
- -webkit-transition: opacity 500ms;
161
- transition: opacity 500ms;
166
+ -webkit-transition: all 500ms;
167
+ transition: all 500ms;
162
168
  will-change: opacity;
163
169
  z-index: 1000;
164
170
  }
@@ -181,11 +187,19 @@ body.pushable > .pusher {
181
187
  Dimmed
182
188
  ---------------*/
183
189
 
184
- .pushable > .pusher.dimmed:after {
190
+ .pushable > .pusher.dimmed::after {
185
191
  width: 100% !important;
186
192
  height: 100% !important;
187
193
  opacity: 1 !important;
188
194
  }
195
+ .pushable > .pusher.dimmed.blurring:not(.closing)::after {
196
+ background: rgba(0, 0, 0, 0.6);
197
+ -webkit-backdrop-filter: blur(5px) grayscale(0.7);
198
+ backdrop-filter: blur(5px) grayscale(0.7);
199
+ }
200
+ .pushable > .pusher.closing.dimmed::after {
201
+ opacity: 0 !important;
202
+ }
189
203
 
190
204
  /*--------------
191
205
  Animating
@@ -185,7 +185,7 @@
185
185
  -webkit-transform: translate(-50%, 100%);
186
186
  transform: translate(-50%, 100%);
187
187
  }
188
- .ui.labeled.ticked.slider > .labels .label:after {
188
+ .ui.labeled.ticked.slider > .labels .label::after {
189
189
  content: ' ';
190
190
  height: 1.5em;
191
191
  width: 1px;
@@ -194,11 +194,11 @@
194
194
  top: 100%;
195
195
  left: 50%;
196
196
  }
197
- .ui.bottom.aligned.labeled.ticked.slider > .labels .label:after {
197
+ .ui.bottom.aligned.labeled.ticked.slider > .labels .label::after {
198
198
  top: auto;
199
199
  bottom: 100%;
200
200
  }
201
- .ui.labeled.ticked.slider > .labels .halftick.label:after {
201
+ .ui.labeled.ticked.slider > .labels .halftick.label::after {
202
202
  height: 0.75em;
203
203
  }
204
204
 
@@ -216,13 +216,13 @@
216
216
  -webkit-transform: translate(-100%, -50%);
217
217
  transform: translate(-100%, -50%);
218
218
  }
219
- .ui.labeled.vertical.slider > .labels .label:after {
219
+ .ui.labeled.vertical.slider > .labels .label::after {
220
220
  width: 1.5em;
221
221
  height: 1px;
222
222
  left: 100%;
223
223
  top: 50%;
224
224
  }
225
- .ui.labeled.vertical.slider > .labels .halftick.label:after {
225
+ .ui.labeled.vertical.slider > .labels .halftick.label::after {
226
226
  width: 0.75em;
227
227
  height: 1px;
228
228
  }
@@ -698,10 +698,10 @@
698
698
  top: 0.35em;
699
699
  }
700
700
  .ui.small.labeled.slider:not(.vertical) > .labels,
701
- .ui.small.labeled.slider:not(.vertical) > .labels .label:after {
701
+ .ui.small.labeled.slider:not(.vertical) > .labels .label::after {
702
702
  height: 1em;
703
703
  }
704
- .ui.small.labeled.slider:not(.vertical) > .labels .halftick.label:after {
704
+ .ui.small.labeled.slider:not(.vertical) > .labels .halftick.label::after {
705
705
  height: 0.5em;
706
706
  }
707
707
 
@@ -715,10 +715,10 @@
715
715
  left: 0.35em;
716
716
  }
717
717
  .ui.small.labeled.vertical.slider > .labels,
718
- .ui.small.labeled.vertical.slider > .labels .label:after {
718
+ .ui.small.labeled.vertical.slider > .labels .label::after {
719
719
  width: 1em;
720
720
  }
721
- .ui.small.labeled.vertical.slider > .labels .halftick.label:after {
721
+ .ui.small.labeled.vertical.slider > .labels .halftick.label::after {
722
722
  width: 0.5em;
723
723
  }
724
724
  .ui.slider.large .inner .thumb {
@@ -734,10 +734,10 @@
734
734
  top: 0.75em;
735
735
  }
736
736
  .ui.large.labeled.slider:not(.vertical) > .labels,
737
- .ui.large.labeled.slider:not(.vertical) > .labels .label:after {
737
+ .ui.large.labeled.slider:not(.vertical) > .labels .label::after {
738
738
  height: 2em;
739
739
  }
740
- .ui.large.labeled.slider:not(.vertical) > .labels .halftick.label:after {
740
+ .ui.large.labeled.slider:not(.vertical) > .labels .halftick.label::after {
741
741
  height: 1em;
742
742
  }
743
743
 
@@ -751,10 +751,10 @@
751
751
  left: 0.75em;
752
752
  }
753
753
  .ui.large.labeled.vertical.slider > .labels,
754
- .ui.large.labeled.vertical.slider > .labels .label:after {
754
+ .ui.large.labeled.vertical.slider > .labels .label::after {
755
755
  width: 2em;
756
756
  }
757
- .ui.large.labeled.vertical.slider > .labels .halftick.label:after {
757
+ .ui.large.labeled.vertical.slider > .labels .halftick.label::after {
758
758
  width: 1em;
759
759
  }
760
760
  .ui.slider.big .inner .thumb {
@@ -770,10 +770,10 @@
770
770
  top: 0.95em;
771
771
  }
772
772
  .ui.big.labeled.slider:not(.vertical) > .labels,
773
- .ui.big.labeled.slider:not(.vertical) > .labels .label:after {
773
+ .ui.big.labeled.slider:not(.vertical) > .labels .label::after {
774
774
  height: 2.5em;
775
775
  }
776
- .ui.big.labeled.slider:not(.vertical) > .labels .halftick.label:after {
776
+ .ui.big.labeled.slider:not(.vertical) > .labels .halftick.label::after {
777
777
  height: 1.25em;
778
778
  }
779
779
 
@@ -787,10 +787,10 @@
787
787
  left: 0.95em;
788
788
  }
789
789
  .ui.big.labeled.vertical.slider > .labels,
790
- .ui.big.labeled.vertical.slider > .labels .label:after {
790
+ .ui.big.labeled.vertical.slider > .labels .label::after {
791
791
  width: 2.5em;
792
792
  }
793
- .ui.big.labeled.vertical.slider > .labels .halftick.label:after {
793
+ .ui.big.labeled.vertical.slider > .labels .halftick.label::after {
794
794
  width: 1.25em;
795
795
  }
796
796
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Sticky
2
+ * # Fomantic-UI 2.9.0 - Sticky
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Tab
2
+ * # Fomantic-UI 2.9.0 - Tab
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -46,8 +46,8 @@
46
46
  position: relative !important;
47
47
  left: -10000px !important;
48
48
  }
49
- .ui.tab.loading:before,
50
- .ui.tab.loading.segment:before {
49
+ .ui.tab.loading::before,
50
+ .ui.tab.loading.segment::before {
51
51
  position: absolute;
52
52
  content: '';
53
53
  top: 50%;
@@ -58,8 +58,8 @@
58
58
  border-radius: 500rem;
59
59
  border: 0.2em solid rgba(0, 0, 0, 0.1);
60
60
  }
61
- .ui.tab.loading:after,
62
- .ui.tab.loading.segment:after {
61
+ .ui.tab.loading::after,
62
+ .ui.tab.loading.segment::after {
63
63
  position: absolute;
64
64
  content: '';
65
65
  top: 50%;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Toast
2
+ * # Fomantic-UI 2.9.0 - Toast
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -17,6 +17,9 @@
17
17
  position: fixed;
18
18
  z-index: 9999;
19
19
  }
20
+ .ui.toast-container.absolute {
21
+ position: absolute;
22
+ }
20
23
  .ui.toast-container.ui.attached {
21
24
  width: 100%;
22
25
  left: 0;
@@ -95,6 +98,12 @@
95
98
  transform: translate(-50%, 0);
96
99
  bottom: 0.85714286em;
97
100
  }
101
+ .ui.toast-container.centered {
102
+ -webkit-transform: translate(-50%, -50%);
103
+ transform: translate(-50%, -50%);
104
+ top: 50%;
105
+ left: 50%;
106
+ }
98
107
  .ui.toast-container .visible.toast-box,
99
108
  .ui.toast-container .animating.toast-box,
100
109
  .ui.toast-container .toast-box {
@@ -116,6 +125,7 @@
116
125
  margin-bottom: 0.5em;
117
126
  border-radius: 0.28571429rem;
118
127
  cursor: default;
128
+ will-change: transform, opacity;
119
129
  }
120
130
  .ui.toast-container .toast-box:hover {
121
131
  opacity: 1;
@@ -490,6 +500,16 @@
490
500
  .ui.toast:not(.vertical).actions > .centered.icon {
491
501
  top: calc(50% - 1.2em);
492
502
  }
503
+ .ui.toast.vertical > .content {
504
+ -webkit-box-flex: 1;
505
+ -ms-flex-positive: 1;
506
+ flex-grow: 1;
507
+ }
508
+ .ui.toast.vertical.attached {
509
+ -webkit-box-flex: 1;
510
+ -ms-flex-positive: 1;
511
+ flex-grow: 1;
512
+ }
493
513
  .ui.toast.vertical > .close.icon + .content {
494
514
  padding-left: 1em;
495
515
  }
@@ -518,6 +538,28 @@
518
538
  border-bottom-left-radius: 0;
519
539
  border-bottom-right-radius: 0;
520
540
  }
541
+ .ui.toast.ui.ui.ui.image {
542
+ padding: 0;
543
+ }
544
+ .ui.toast.ui.ui.ui.image > .content {
545
+ padding-top: 0.78571429em;
546
+ padding-bottom: 0.78571429em;
547
+ padding-right: 1em;
548
+ }
549
+ .ui.toast.ui.ui.ui.image > .actions {
550
+ margin: 0;
551
+ }
552
+ .ui.toast.ui.ui.ui.image > .ui.image {
553
+ border-top-left-radius: 0.28571429rem;
554
+ border-bottom-left-radius: 0.28571429rem;
555
+ }
556
+ .ui.toast.ui.ui.ui.image > .ui.image.mini {
557
+ min-width: calc(0.7857142857142857em + 35px);
558
+ }
559
+ .ui.toast.ui.ui.ui.image > .ui.image.mini + .content {
560
+ min-height: calc(0.7857142857142857em + 35px);
561
+ padding-left: 4.4em;
562
+ }
521
563
  .ui.hoverfloating.message:hover {
522
564
  -webkit-box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
523
565
  box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
@@ -774,3 +816,9 @@
774
816
  opacity: 0;
775
817
  }
776
818
  }
819
+
820
+
821
+ /*******************************
822
+ Theme Overrides
823
+ *******************************/
824
+
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Transition
2
+ * # Fomantic-UI 2.9.0 - Transition
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Ad
2
+ * # Fomantic-UI 2.9.0 - Ad
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -242,7 +242,7 @@
242
242
  position: relative;
243
243
  background: #545454;
244
244
  }
245
- .ui.test.ad:after {
245
+ .ui.test.ad::after {
246
246
  position: absolute;
247
247
  top: 50%;
248
248
  left: 50%;
@@ -255,10 +255,10 @@
255
255
  font-size: 1em;
256
256
  font-weight: bold;
257
257
  }
258
- .ui.mobile.test.ad:after {
258
+ .ui.mobile.test.ad::after {
259
259
  font-size: 0.85714286em;
260
260
  }
261
- .ui.test.ad[data-text]:after {
261
+ .ui.test.ad[data-text]::after {
262
262
  content: attr(data-text);
263
263
  }
264
264