fomantic-ui-sass 2.8.8.1 → 2.9.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (113) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
  4. data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
  5. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
  6. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
  7. data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
  8. data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
  9. data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
  10. data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
  11. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
  14. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
  15. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
  16. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
  17. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
  18. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -0
  19. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  20. data/app/assets/fonts/semantic-ui/brand-icons.svg +41 -6
  21. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  22. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  23. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  24. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  25. data/app/assets/fonts/semantic-ui/icons.svg +245 -7
  26. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  27. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  28. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  29. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  30. data/app/assets/fonts/semantic-ui/outline-icons.svg +2 -2
  31. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  32. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  33. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  34. data/app/assets/javascripts/semantic-ui/accordion.js +569 -590
  35. data/app/assets/javascripts/semantic-ui/api.js +1153 -1116
  36. data/app/assets/javascripts/semantic-ui/calendar.js +1941 -1698
  37. data/app/assets/javascripts/semantic-ui/checkbox.js +862 -854
  38. data/app/assets/javascripts/semantic-ui/dimmer.js +697 -713
  39. data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4192
  40. data/app/assets/javascripts/semantic-ui/embed.js +646 -672
  41. data/app/assets/javascripts/semantic-ui/flyout.js +1579 -0
  42. data/app/assets/javascripts/semantic-ui/form.js +2024 -2000
  43. data/app/assets/javascripts/semantic-ui/modal.js +1546 -1384
  44. data/app/assets/javascripts/semantic-ui/nag.js +521 -527
  45. data/app/assets/javascripts/semantic-ui/popup.js +1457 -1463
  46. data/app/assets/javascripts/semantic-ui/progress.js +970 -995
  47. data/app/assets/javascripts/semantic-ui/rating.js +508 -520
  48. data/app/assets/javascripts/semantic-ui/search.js +1521 -1508
  49. data/app/assets/javascripts/semantic-ui/shape.js +784 -811
  50. data/app/assets/javascripts/semantic-ui/sidebar.js +1061 -1002
  51. data/app/assets/javascripts/semantic-ui/site.js +437 -477
  52. data/app/assets/javascripts/semantic-ui/slider.js +1311 -1297
  53. data/app/assets/javascripts/semantic-ui/state.js +639 -658
  54. data/app/assets/javascripts/semantic-ui/sticky.js +848 -891
  55. data/app/assets/javascripts/semantic-ui/tab.js +895 -941
  56. data/app/assets/javascripts/semantic-ui/toast.js +911 -851
  57. data/app/assets/javascripts/semantic-ui/transition.js +1049 -1073
  58. data/app/assets/javascripts/semantic-ui/visibility.js +1214 -1246
  59. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
  60. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +389 -407
  61. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +203 -345
  62. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +372 -501
  63. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +154 -226
  64. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +2065 -880
  65. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +867 -1232
  66. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +101 -6
  67. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +75 -93
  68. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +11148 -9190
  69. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1037 -929
  70. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +124 -146
  71. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +2728 -2759
  72. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
  73. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +982 -163
  74. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +432 -479
  75. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +80 -101
  76. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +452 -540
  77. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +56 -76
  78. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +17 -22
  79. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +46 -85
  80. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +263 -255
  81. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +106 -179
  82. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +33 -33
  83. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +14 -18
  84. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +132 -48
  85. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +196 -74
  86. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +43 -29
  87. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +210 -280
  88. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +78 -182
  89. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +339 -423
  90. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +24 -35
  91. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +546 -0
  92. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +150 -153
  93. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
  94. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +530 -310
  95. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
  96. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +88 -168
  97. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +73 -102
  98. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
  99. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +126 -215
  100. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +110 -138
  101. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
  102. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +16 -20
  103. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +111 -141
  104. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
  105. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +39 -50
  106. data/app/assets/stylesheets/semantic-ui/views/_card.scss +949 -458
  107. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +44 -62
  108. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +50 -72
  109. data/app/assets/stylesheets/semantic-ui/views/_item.scss +89 -136
  110. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +78 -119
  111. data/lib/fomantic/ui/sass/version.rb +2 -2
  112. data/tasks/converter.rb +1 -1
  113. metadata +21 -3
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Sticky
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.1 - Sticky
3
+ * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
6
6
  * Released under the MIT license
7
- * http://opensource.org/licenses/MIT
7
+ * https://opensource.org/licenses/MIT
8
8
  *
9
9
  */
10
10
 
@@ -15,7 +15,6 @@
15
15
 
16
16
  .ui.sticky {
17
17
  position: static;
18
- -webkit-transition: none;
19
18
  transition: none;
20
19
  z-index: 800;
21
20
  }
@@ -58,9 +57,6 @@
58
57
  *******************************/
59
58
 
60
59
  .ui.native.sticky {
61
- position: -moz-sticky;
62
- position: -ms-sticky;
63
- position: -o-sticky;
64
60
  position: sticky;
65
61
  }
66
62
 
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Tab
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.1 - Tab
3
+ * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
6
6
  * Released under the MIT license
7
- * http://opensource.org/licenses/MIT
7
+ * https://opensource.org/licenses/MIT
8
8
  *
9
9
  */
10
10
 
@@ -23,19 +23,17 @@
23
23
  *******************************/
24
24
 
25
25
 
26
- /*--------------------
26
+ /* --------------------
27
27
  Active
28
- ---------------------*/
29
-
28
+ --------------------- */
30
29
  .ui.tab.active,
31
30
  .ui.tab.open {
32
31
  display: block;
33
32
  }
34
33
 
35
- /*--------------------
36
- Loading
37
- ---------------------*/
38
-
34
+ /* --------------------
35
+ Loading
36
+ --------------------- */
39
37
  .ui.tab.loading {
40
38
  position: relative;
41
39
  overflow: hidden;
@@ -46,10 +44,10 @@
46
44
  position: relative !important;
47
45
  left: -10000px !important;
48
46
  }
49
- .ui.tab.loading:before,
50
- .ui.tab.loading.segment:before {
47
+ .ui.tab.loading::before,
48
+ .ui.tab.loading.segment::before {
51
49
  position: absolute;
52
- content: '';
50
+ content: "";
53
51
  top: 50%;
54
52
  left: 50%;
55
53
  margin: -1.25em 0 0 -1.25em;
@@ -58,21 +56,19 @@
58
56
  border-radius: 500rem;
59
57
  border: 0.2em solid rgba(0, 0, 0, 0.1);
60
58
  }
61
- .ui.tab.loading:after,
62
- .ui.tab.loading.segment:after {
59
+ .ui.tab.loading::after,
60
+ .ui.tab.loading.segment::after {
63
61
  position: absolute;
64
- content: '';
62
+ content: "";
65
63
  top: 50%;
66
64
  left: 50%;
67
65
  margin: -1.25em 0 0 -1.25em;
68
66
  width: 2.5em;
69
67
  height: 2.5em;
70
- -webkit-animation: loader 0.6s infinite linear;
71
- animation: loader 0.6s infinite linear;
68
+ animation: loader 0.6s infinite linear;
72
69
  border: 0.2em solid #767676;
73
70
  border-radius: 500rem;
74
- -webkit-box-shadow: 0 0 0 1px transparent;
75
- box-shadow: 0 0 0 1px transparent;
71
+ box-shadow: 0 0 0 1px transparent;
76
72
  }
77
73
 
78
74
 
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Toast
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.1 - Toast
3
+ * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
6
6
  * Released under the MIT license
7
- * http://opensource.org/licenses/MIT
7
+ * https://opensource.org/licenses/MIT
8
8
  *
9
9
  */
10
10
 
@@ -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;
@@ -41,18 +44,14 @@
41
44
  border: none;
42
45
  }
43
46
  .ui.toast-container.ui.attached .toast-box > .vertical > .content {
44
- -webkit-box-flex: 1;
45
- -ms-flex: 1;
46
- flex: 1;
47
+ flex: 1;
47
48
  }
48
49
  .ui.toast-container.ui.attached .toast-box > * {
49
50
  width: 100%;
50
51
  border-radius: 0;
51
52
  }
52
53
  .ui.toast-container.ui.attached .toast-box > * > .vertical:not(.actions) {
53
- -webkit-box-flex: 1;
54
- -ms-flex: 1;
55
- flex: 1;
54
+ flex: 1;
56
55
  }
57
56
  .ui.toast-container.ui.attached .toast-box > .attached.actions {
58
57
  margin-right: 1px;
@@ -75,8 +74,7 @@
75
74
  }
76
75
  .ui.toast-container.top.center {
77
76
  left: 50%;
78
- -webkit-transform: translate(-50%, 0);
79
- transform: translate(-50%, 0);
77
+ transform: translate(-50%, 0);
80
78
  top: 0.85714286em;
81
79
  }
82
80
  .ui.toast-container.bottom.right {
@@ -91,23 +89,22 @@
91
89
  }
92
90
  .ui.toast-container.bottom.center {
93
91
  left: 50%;
94
- -webkit-transform: translate(-50%, 0);
95
- transform: translate(-50%, 0);
92
+ transform: translate(-50%, 0);
96
93
  bottom: 0.85714286em;
97
94
  }
95
+ .ui.toast-container.centered {
96
+ transform: translate(-50%, -50%);
97
+ top: 50%;
98
+ left: 50%;
99
+ }
98
100
  .ui.toast-container .visible.toast-box,
99
101
  .ui.toast-container .animating.toast-box,
100
102
  .ui.toast-container .toast-box {
101
103
  display: table !important;
102
104
  }
103
105
  .ui.toast-container.horizontal {
104
- display: -webkit-box;
105
- display: -ms-flexbox;
106
106
  display: flex;
107
- -webkit-box-orient: horizontal;
108
- -webkit-box-direction: normal;
109
- -ms-flex-direction: row;
110
- flex-direction: row;
107
+ flex-direction: row;
111
108
  }
112
109
  .ui.toast-container.horizontal .toast-box {
113
110
  margin-right: 0.5em;
@@ -116,6 +113,7 @@
116
113
  margin-bottom: 0.5em;
117
114
  border-radius: 0.28571429rem;
118
115
  cursor: default;
116
+ will-change: transform, opacity;
119
117
  }
120
118
  .ui.toast-container .toast-box:hover {
121
119
  opacity: 1;
@@ -125,8 +123,7 @@
125
123
  }
126
124
  .ui.toast-container .toast-box.floating,
127
125
  .ui.toast-container .toast-box.hoverfloating:hover {
128
- -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
129
- box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
126
+ box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
130
127
  border: 1px solid rgba(34, 36, 38, 0.12);
131
128
  }
132
129
  .ui.toast-container .toast-box.compact,
@@ -173,9 +170,7 @@
173
170
  margin-bottom: -1em;
174
171
  }
175
172
  .ui.toast-container .toast-box > .ui.message.icon {
176
- -webkit-box-align: inherit;
177
- -ms-flex-align: inherit;
178
- align-items: inherit;
173
+ align-items: inherit;
179
174
  }
180
175
  .ui.toast-container .toast-box > .ui.message.icon > :not(.icon):not(.actions) {
181
176
  padding-left: 5rem;
@@ -185,13 +180,11 @@
185
180
  position: absolute;
186
181
  width: 4rem;
187
182
  top: 50%;
188
- -webkit-transform: translateY(-50%);
189
- transform: translateY(-50%);
183
+ transform: translateY(-50%);
190
184
  }
191
185
  .ui.toast-container .toast-box > .ui.message.icon:not(.vertical).actions > i.icon:not(.close) {
192
186
  top: calc(50% - 1.2em);
193
- -webkit-transform: none;
194
- transform: none;
187
+ transform: none;
195
188
  }
196
189
  .ui.toast-container .toast-box > .ui.message.icon:not(.vertical).icon.icon.icon {
197
190
  display: block;
@@ -200,7 +193,6 @@
200
193
  cursor: pointer;
201
194
  margin: 0;
202
195
  opacity: 0.7;
203
- -webkit-transition: opacity 0.1s ease;
204
196
  transition: opacity 0.1s ease;
205
197
  }
206
198
  .ui.toast-container .toast-box .ui.toast > .close.icon:hover {
@@ -250,26 +242,20 @@
250
242
  border-bottom-right-radius: 0;
251
243
  }
252
244
  .ui.toast-container .toast-box .progressing {
253
- -webkit-animation-iteration-count: 1;
254
- animation-iteration-count: 1;
255
- -webkit-animation-timing-function: linear;
256
- animation-timing-function: linear;
245
+ animation-iteration-count: 1;
246
+ animation-timing-function: linear;
257
247
  }
258
248
  .ui.toast-container .toast-box .progressing.up {
259
- -webkit-animation-name: progressUp;
260
- animation-name: progressUp;
249
+ animation-name: progressUp;
261
250
  }
262
251
  .ui.toast-container .toast-box .progressing.down {
263
- -webkit-animation-name: progressDown;
264
- animation-name: progressDown;
252
+ animation-name: progressDown;
265
253
  }
266
254
  .ui.toast-container .toast-box .progressing.wait {
267
- -webkit-animation-name: progressWait;
268
- animation-name: progressWait;
255
+ animation-name: progressWait;
269
256
  }
270
257
  .ui.toast-container .toast-box:hover .pausable.progressing {
271
- -webkit-animation-play-state: paused;
272
- animation-play-state: paused;
258
+ animation-play-state: paused;
273
259
  }
274
260
  .ui.toast-container .toast-box .ui.toast:not(.vertical) {
275
261
  display: block;
@@ -294,33 +280,23 @@
294
280
  .ui.toast-container .toast-box .vertical.actions > .button,
295
281
  .ui.toast-container .toast-box > .vertical > .vertical.vertical,
296
282
  .ui.toast-container .toast-box > .vertical.vertical.vertical {
297
- display: -webkit-box;
298
- display: -ms-flexbox;
299
283
  display: flex;
300
284
  }
301
285
  .ui.toast-container .toast-box :not(.comment) .vertical.actions {
302
- -webkit-box-orient: vertical;
303
- -webkit-box-direction: normal;
304
- -ms-flex-direction: column;
305
- flex-direction: column;
286
+ flex-direction: column;
306
287
  }
307
288
  .ui.toast-container .toast-box :not(.comment) .vertical.actions > .button {
308
- -webkit-box-pack: center;
309
- -ms-flex-pack: center;
310
- justify-content: center;
289
+ justify-content: center;
311
290
  }
312
291
  .ui.toast-container .toast-box :not(.comment) .vertical.actions.attached > .button {
313
- -webkit-box-align: center;
314
- -ms-flex-align: center;
315
- align-items: center;
292
+ align-items: center;
316
293
  }
317
294
  .ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached) {
318
295
  border-top: 0;
319
296
  margin-top: -0.75em;
320
297
  margin-bottom: -0.75em;
321
298
  margin-left: 1em;
322
- -ms-flex-pack: distribute;
323
- justify-content: space-around;
299
+ justify-content: space-around;
324
300
  }
325
301
  .ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached):not(.basic) {
326
302
  border-left: 1px solid rgba(0, 0, 0, 0.2);
@@ -329,14 +305,10 @@
329
305
  margin-bottom: 0.3em;
330
306
  }
331
307
  .ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).top {
332
- -webkit-box-pack: start;
333
- -ms-flex-pack: start;
334
- justify-content: flex-start;
308
+ justify-content: flex-start;
335
309
  }
336
310
  .ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).bottom {
337
- -webkit-box-pack: end;
338
- -ms-flex-pack: end;
339
- justify-content: flex-end;
311
+ justify-content: flex-end;
340
312
  }
341
313
  .ui.vertical.attached:not(.left).card > .image > img {
342
314
  border-top-right-radius: 0;
@@ -420,7 +392,7 @@
420
392
  padding: 0.78571429em 1em;
421
393
  margin: 0 -1px -0.01em;
422
394
  color: rgba(0, 0, 0, 0.87);
423
- background-color: #FFFFFF;
395
+ background-color: #fff;
424
396
  }
425
397
  .ui.toast > .content > .header {
426
398
  font-weight: bold;
@@ -428,23 +400,23 @@
428
400
  margin: 0;
429
401
  }
430
402
  .ui.toast.info {
431
- background-color: #31CCEC;
403
+ background-color: #31ccec;
432
404
  color: rgba(255, 255, 255, 0.9);
433
405
  }
434
406
  .ui.toast.warning {
435
- background-color: #F2C037;
407
+ background-color: #f2c037;
436
408
  color: rgba(255, 255, 255, 0.9);
437
409
  }
438
410
  .ui.toast.success {
439
- background-color: #21BA45;
411
+ background-color: #21ba45;
440
412
  color: rgba(255, 255, 255, 0.9);
441
413
  }
442
414
  .ui.toast.error {
443
- background-color: #DB2828;
415
+ background-color: #db2828;
444
416
  color: rgba(255, 255, 255, 0.9);
445
417
  }
446
418
  .ui.toast.neutral {
447
- background-color: #FFFFFF;
419
+ background-color: #fff;
448
420
  color: rgba(0, 0, 0, 0.87);
449
421
  }
450
422
  .ui.toast > i.icon:not(.close) {
@@ -480,8 +452,7 @@
480
452
  }
481
453
  .ui.toast:not(.vertical):not(.centered):not(.center) > .centered.image,
482
454
  .ui.toast:not(.vertical):not(.centered):not(.center) > .centered.icon {
483
- -webkit-transform: translateY(-50%);
484
- transform: translateY(-50%);
455
+ transform: translateY(-50%);
485
456
  top: 50%;
486
457
  }
487
458
  .ui.toast:not(.vertical).actions > .centered.image {
@@ -490,6 +461,12 @@
490
461
  .ui.toast:not(.vertical).actions > .centered.icon {
491
462
  top: calc(50% - 1.2em);
492
463
  }
464
+ .ui.toast.vertical > .content {
465
+ flex-grow: 1;
466
+ }
467
+ .ui.toast.vertical.attached {
468
+ flex-grow: 1;
469
+ }
493
470
  .ui.toast.vertical > .close.icon + .content {
494
471
  padding-left: 1em;
495
472
  }
@@ -498,17 +475,14 @@
498
475
  padding-left: 1em;
499
476
  }
500
477
  .ui.toast.vertical > .ui.image {
501
- -ms-flex-item-align: start;
502
- align-self: flex-start;
503
- -ms-flex-negative: 0;
504
- flex-shrink: 0;
478
+ align-self: flex-start;
479
+ flex-shrink: 0;
505
480
 
506
481
  /* IE11 fix */
507
482
  }
508
483
  .ui.toast.vertical > .centered.image,
509
484
  .ui.toast.vertical > .centered.icon {
510
- -ms-flex-item-align: center;
511
- align-self: center;
485
+ align-self: center;
512
486
  }
513
487
  .ui.toast.attached.bottom {
514
488
  border-top-left-radius: 0;
@@ -518,9 +492,30 @@
518
492
  border-bottom-left-radius: 0;
519
493
  border-bottom-right-radius: 0;
520
494
  }
495
+ .ui.toast.ui.ui.ui.image {
496
+ padding: 0;
497
+ }
498
+ .ui.toast.ui.ui.ui.image > .content {
499
+ padding-top: 0.78571429em;
500
+ padding-bottom: 0.78571429em;
501
+ padding-right: 1em;
502
+ }
503
+ .ui.toast.ui.ui.ui.image > .actions {
504
+ margin: 0;
505
+ }
506
+ .ui.toast.ui.ui.ui.image > .ui.image {
507
+ border-top-left-radius: 0.28571429rem;
508
+ border-bottom-left-radius: 0.28571429rem;
509
+ }
510
+ .ui.toast.ui.ui.ui.image > .ui.image.mini {
511
+ min-width: calc(0.7857142857142857em + 35px);
512
+ }
513
+ .ui.toast.ui.ui.ui.image > .ui.image.mini + .content {
514
+ min-height: calc(0.7857142857142857em + 35px);
515
+ padding-left: 4.4em;
516
+ }
521
517
  .ui.hoverfloating.message:hover {
522
- -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
- 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);
518
+ 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);
524
519
  }
525
520
  .ui.center.toast-container .toast-box,
526
521
  .ui.right.toast-container .toast-box {
@@ -532,12 +527,8 @@
532
527
  .ui.ui.toast-container .toast-box .centered.toast,
533
528
  .ui.ui.toast-container .toast-box .center.aligned.toast {
534
529
  text-align: center;
535
- display: -webkit-box;
536
- display: -ms-flexbox;
537
530
  display: flex;
538
- -webkit-box-pack: center;
539
- -ms-flex-pack: center;
540
- justify-content: center;
531
+ justify-content: center;
541
532
  }
542
533
  .ui.ui.toast-container .toast-box .centered.toast > .content,
543
534
  .ui.ui.toast-container .toast-box .center.aligned.toast > .content,
@@ -545,8 +536,7 @@
545
536
  .ui.ui.toast-container .toast-box .center.aligned.toast > .ui.image,
546
537
  .ui.ui.toast-container .toast-box .centered.toast > i.icon:not(.close),
547
538
  .ui.ui.toast-container .toast-box .center.aligned.toast > i.icon:not(.close) {
548
- -ms-flex-item-align: center;
549
- align-self: center;
539
+ align-self: center;
550
540
  }
551
541
  .ui.toast-container .toast-box .toast .centered.content,
552
542
  .ui.toast-container .toast-box .toast .center.aligned.content {
@@ -562,21 +552,20 @@
562
552
  margin-right: 0.25em;
563
553
  }
564
554
 
565
- /*--------------
555
+ /* --------------
566
556
  Colors
567
557
  -------------- */
568
-
569
558
  .ui.primary.toast {
570
- background-color: #2185D0;
559
+ background-color: #2185d0;
571
560
  color: rgba(255, 255, 255, 0.9);
572
561
  }
573
562
  .ui.inverted.primary.toast,
574
563
  .ui.toast-container .toast-box > .inverted.primary.attached.progress .bar {
575
- background-color: #54C8FF;
564
+ background-color: #54c8ff;
576
565
  color: rgba(0, 0, 0, 0.87);
577
566
  }
578
567
  .ui.secondary.toast {
579
- background-color: #1B1C1D;
568
+ background-color: #1b1c1d;
580
569
  color: rgba(255, 255, 255, 0.9);
581
570
  }
582
571
  .ui.inverted.secondary.toast,
@@ -585,102 +574,102 @@
585
574
  color: rgba(0, 0, 0, 0.87);
586
575
  }
587
576
  .ui.red.toast {
588
- background-color: #DB2828;
577
+ background-color: #db2828;
589
578
  color: rgba(255, 255, 255, 0.9);
590
579
  }
591
580
  .ui.inverted.red.toast,
592
581
  .ui.toast-container .toast-box > .inverted.red.attached.progress .bar {
593
- background-color: #FF695E;
582
+ background-color: #ff695e;
594
583
  color: rgba(0, 0, 0, 0.87);
595
584
  }
596
585
  .ui.orange.toast {
597
- background-color: #F2711C;
586
+ background-color: #f2711c;
598
587
  color: rgba(255, 255, 255, 0.9);
599
588
  }
600
589
  .ui.inverted.orange.toast,
601
590
  .ui.toast-container .toast-box > .inverted.orange.attached.progress .bar {
602
- background-color: #FF851B;
591
+ background-color: #ff851b;
603
592
  color: rgba(0, 0, 0, 0.87);
604
593
  }
605
594
  .ui.yellow.toast {
606
- background-color: #FBBD08;
595
+ background-color: #fbbd08;
607
596
  color: rgba(255, 255, 255, 0.9);
608
597
  }
609
598
  .ui.inverted.yellow.toast,
610
599
  .ui.toast-container .toast-box > .inverted.yellow.attached.progress .bar {
611
- background-color: #FFE21F;
600
+ background-color: #ffe21f;
612
601
  color: rgba(0, 0, 0, 0.87);
613
602
  }
614
603
  .ui.olive.toast {
615
- background-color: #B5CC18;
604
+ background-color: #b5cc18;
616
605
  color: rgba(255, 255, 255, 0.9);
617
606
  }
618
607
  .ui.inverted.olive.toast,
619
608
  .ui.toast-container .toast-box > .inverted.olive.attached.progress .bar {
620
- background-color: #D9E778;
609
+ background-color: #d9e778;
621
610
  color: rgba(0, 0, 0, 0.87);
622
611
  }
623
612
  .ui.green.toast {
624
- background-color: #21BA45;
613
+ background-color: #21ba45;
625
614
  color: rgba(255, 255, 255, 0.9);
626
615
  }
627
616
  .ui.inverted.green.toast,
628
617
  .ui.toast-container .toast-box > .inverted.green.attached.progress .bar {
629
- background-color: #2ECC40;
618
+ background-color: #2ecc40;
630
619
  color: rgba(0, 0, 0, 0.87);
631
620
  }
632
621
  .ui.teal.toast {
633
- background-color: #00B5AD;
622
+ background-color: #00b5ad;
634
623
  color: rgba(255, 255, 255, 0.9);
635
624
  }
636
625
  .ui.inverted.teal.toast,
637
626
  .ui.toast-container .toast-box > .inverted.teal.attached.progress .bar {
638
- background-color: #6DFFFF;
627
+ background-color: #6dffff;
639
628
  color: rgba(0, 0, 0, 0.87);
640
629
  }
641
630
  .ui.blue.toast {
642
- background-color: #2185D0;
631
+ background-color: #2185d0;
643
632
  color: rgba(255, 255, 255, 0.9);
644
633
  }
645
634
  .ui.inverted.blue.toast,
646
635
  .ui.toast-container .toast-box > .inverted.blue.attached.progress .bar {
647
- background-color: #54C8FF;
636
+ background-color: #54c8ff;
648
637
  color: rgba(0, 0, 0, 0.87);
649
638
  }
650
639
  .ui.violet.toast {
651
- background-color: #6435C9;
640
+ background-color: #6435c9;
652
641
  color: rgba(255, 255, 255, 0.9);
653
642
  }
654
643
  .ui.inverted.violet.toast,
655
644
  .ui.toast-container .toast-box > .inverted.violet.attached.progress .bar {
656
- background-color: #A291FB;
645
+ background-color: #a291fb;
657
646
  color: rgba(0, 0, 0, 0.87);
658
647
  }
659
648
  .ui.purple.toast {
660
- background-color: #A333C8;
649
+ background-color: #a333c8;
661
650
  color: rgba(255, 255, 255, 0.9);
662
651
  }
663
652
  .ui.inverted.purple.toast,
664
653
  .ui.toast-container .toast-box > .inverted.purple.attached.progress .bar {
665
- background-color: #DC73FF;
654
+ background-color: #dc73ff;
666
655
  color: rgba(0, 0, 0, 0.87);
667
656
  }
668
657
  .ui.pink.toast {
669
- background-color: #E03997;
658
+ background-color: #e03997;
670
659
  color: rgba(255, 255, 255, 0.9);
671
660
  }
672
661
  .ui.inverted.pink.toast,
673
662
  .ui.toast-container .toast-box > .inverted.pink.attached.progress .bar {
674
- background-color: #FF8EDF;
663
+ background-color: #ff8edf;
675
664
  color: rgba(0, 0, 0, 0.87);
676
665
  }
677
666
  .ui.brown.toast {
678
- background-color: #A5673F;
667
+ background-color: #a5673f;
679
668
  color: rgba(255, 255, 255, 0.9);
680
669
  }
681
670
  .ui.inverted.brown.toast,
682
671
  .ui.toast-container .toast-box > .inverted.brown.attached.progress .bar {
683
- background-color: #D67C1C;
672
+ background-color: #d67c1c;
684
673
  color: rgba(0, 0, 0, 0.87);
685
674
  }
686
675
  .ui.grey.toast {
@@ -689,11 +678,11 @@
689
678
  }
690
679
  .ui.inverted.grey.toast,
691
680
  .ui.toast-container .toast-box > .inverted.grey.attached.progress .bar {
692
- background-color: #DCDDDE;
681
+ background-color: #dcddde;
693
682
  color: rgba(0, 0, 0, 0.87);
694
683
  }
695
684
  .ui.black.toast {
696
- background-color: #1B1C1D;
685
+ background-color: #1b1c1d;
697
686
  color: rgba(255, 255, 255, 0.9);
698
687
  }
699
688
  .ui.inverted.black.toast,
@@ -703,7 +692,7 @@
703
692
  }
704
693
  .ui.inverted.toast {
705
694
  color: rgba(255, 255, 255, 0.9);
706
- background-color: #1B1C1D;
695
+ background-color: #1b1c1d;
707
696
  }
708
697
  @media only screen and (max-width: 420px) {
709
698
  .ui.toast-container .toast-box.toast-box,
@@ -722,18 +711,9 @@
722
711
  }
723
712
  }
724
713
 
725
- /*---------------
714
+ /* ---------------
726
715
  Progress Bar
727
- ----------------*/
728
-
729
- @-webkit-keyframes progressDown {
730
- 0% {
731
- width: 100%;
732
- }
733
- 100% {
734
- width: 0;
735
- }
736
- }
716
+ ---------------- */
737
717
  @keyframes progressDown {
738
718
  0% {
739
719
  width: 100%;
@@ -742,14 +722,6 @@
742
722
  width: 0;
743
723
  }
744
724
  }
745
- @-webkit-keyframes progressUp {
746
- 0% {
747
- width: 0;
748
- }
749
- 100% {
750
- width: 100%;
751
- }
752
- }
753
725
  @keyframes progressUp {
754
726
  0% {
755
727
  width: 0;
@@ -758,14 +730,6 @@
758
730
  width: 100%;
759
731
  }
760
732
  }
761
- @-webkit-keyframes progressWait {
762
- 0% {
763
- opacity: 1;
764
- }
765
- 100% {
766
- opacity: 0;
767
- }
768
- }
769
733
  @keyframes progressWait {
770
734
  0% {
771
735
  opacity: 1;
@@ -774,3 +738,9 @@
774
738
  opacity: 0;
775
739
  }
776
740
  }
741
+
742
+
743
+ /*******************************
744
+ Theme Overrides
745
+ *******************************/
746
+