fomantic-ui-sass 2.9.2 → 2.9.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/accordion.js +1 -5
  4. data/app/assets/javascripts/semantic-ui/api.js +22 -15
  5. data/app/assets/javascripts/semantic-ui/calendar.js +1 -6
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +4 -6
  7. data/app/assets/javascripts/semantic-ui/dimmer.js +1 -5
  8. data/app/assets/javascripts/semantic-ui/dropdown.js +56 -33
  9. data/app/assets/javascripts/semantic-ui/embed.js +1 -6
  10. data/app/assets/javascripts/semantic-ui/flyout.js +40 -58
  11. data/app/assets/javascripts/semantic-ui/form.js +102 -53
  12. data/app/assets/javascripts/semantic-ui/modal.js +45 -33
  13. data/app/assets/javascripts/semantic-ui/nag.js +17 -9
  14. data/app/assets/javascripts/semantic-ui/popup.js +27 -19
  15. data/app/assets/javascripts/semantic-ui/progress.js +1 -6
  16. data/app/assets/javascripts/semantic-ui/rating.js +1 -5
  17. data/app/assets/javascripts/semantic-ui/search.js +4 -7
  18. data/app/assets/javascripts/semantic-ui/shape.js +1 -5
  19. data/app/assets/javascripts/semantic-ui/sidebar.js +15 -38
  20. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  21. data/app/assets/javascripts/semantic-ui/slider.js +130 -34
  22. data/app/assets/javascripts/semantic-ui/state.js +23 -20
  23. data/app/assets/javascripts/semantic-ui/sticky.js +17 -16
  24. data/app/assets/javascripts/semantic-ui/tab.js +18 -8
  25. data/app/assets/javascripts/semantic-ui/toast.js +17 -9
  26. data/app/assets/javascripts/semantic-ui/transition.js +2 -6
  27. data/app/assets/javascripts/semantic-ui/visibility.js +15 -6
  28. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +53 -20
  30. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +107 -107
  31. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +13 -7
  32. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +65 -1
  34. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +2 -2
  35. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +62 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +697 -249
  38. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -2
  39. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +62 -62
  41. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  42. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +3 -27
  43. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +21 -2
  44. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
  45. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +282 -282
  46. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +161 -34
  50. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +145 -8
  56. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +50 -6
  57. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  58. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +119 -26
  59. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  60. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +10 -3
  62. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +41 -40
  64. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  65. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  66. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +26 -1
  67. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  68. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  69. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +1 -1
  70. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  71. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  72. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +6 -1
  73. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  74. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  75. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  76. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -1
  77. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +486 -5
  78. data/app/assets/stylesheets/semantic-ui/views/_item.scss +6 -1
  79. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  80. data/lib/fomantic/ui/sass/version.rb +2 -2
  81. metadata +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Popup
2
+ * # Fomantic-UI 2.9.3 - Popup
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -79,7 +79,6 @@
79
79
  width: 0.71428571em;
80
80
  height: 0.71428571em;
81
81
  background: #fff;
82
- transform: rotate(45deg);
83
82
  z-index: 1901;
84
83
  box-shadow: 1px 1px 0 0 #bababc;
85
84
  }
@@ -107,78 +106,70 @@
107
106
  z-index: 1900;
108
107
  }
109
108
 
110
- /* Default Position (Top Center) */
111
- [data-tooltip]:not([data-position])::before {
112
- top: auto;
113
- right: auto;
114
- bottom: 100%;
115
- left: 50%;
116
- background: #fff;
117
- margin-left: -0.07142857rem;
118
- margin-bottom: 0.14285714rem;
119
- }
120
- [data-tooltip]:not([data-position])::after {
121
- left: 50%;
122
- transform: translateX(-50%);
123
- bottom: 100%;
124
- margin-bottom: 0.5em;
125
- }
126
-
127
109
  /* Animation */
128
110
  [data-tooltip]::before,
129
111
  [data-tooltip]::after {
130
112
  pointer-events: none;
131
- visibility: hidden;
132
113
  opacity: 0;
133
- transition: transform 0.1s ease, opacity 0.1s ease;
114
+ transition: transform 0.2s ease, opacity 0.2s ease;
115
+ }
116
+ [data-tooltip]::after,
117
+ [data-tooltip]:hover::before {
118
+ transition-delay: 0.04s;
119
+ }
120
+ [data-tooltip]::before,
121
+ [data-tooltip]:hover::after {
122
+ transition-delay: 0s;
134
123
  }
135
124
  [data-tooltip]::before {
136
- transform: rotate(45deg) scale(0) !important;
125
+ transform: rotate(45deg) scale(0.8);
137
126
  transform-origin: center top;
138
127
  }
139
128
  [data-tooltip]::after {
140
129
  transform-origin: center bottom;
141
130
  }
131
+ [data-tooltip][data-variation~="visible"]::before,
132
+ [data-tooltip][data-variation~="visible"]::after,
142
133
  [data-tooltip]:hover::before,
143
134
  [data-tooltip]:hover::after {
144
- visibility: visible;
145
135
  pointer-events: auto;
146
136
  opacity: 1;
147
137
  }
148
138
  [data-tooltip]:hover::before {
149
- transform: rotate(45deg) scale(1) !important;
139
+ transform: rotate(45deg) scale(1);
150
140
  }
151
141
 
152
142
  /* Animation Position */
153
- [data-tooltip]::after,
143
+ [data-tooltip]:not([data-position])::after,
154
144
  [data-tooltip][data-position="top center"]::after,
155
145
  [data-tooltip][data-position="bottom center"]::after {
156
- transform: translateX(-50%) scale(0) !important;
146
+ transform: translateX(-50%) scale(0.8);
157
147
  }
158
- [data-tooltip]:hover::after,
148
+ [data-tooltip]:not([data-position]):hover::after,
149
+ [data-tooltip][data-position="top center"]:hover::after,
159
150
  [data-tooltip][data-position="bottom center"]:hover::after {
160
- transform: translateX(-50%) scale(1) !important;
151
+ transform: translateX(-50%) scale(1);
161
152
  }
162
153
  [data-tooltip][data-position="left center"]::after,
163
154
  [data-tooltip][data-position="right center"]::after {
164
- transform: translateY(-50%) scale(0) !important;
155
+ transform: translateY(-50%) scale(0.8);
165
156
  }
166
157
  [data-tooltip][data-position="left center"]:hover::after,
167
158
  [data-tooltip][data-position="right center"]:hover::after {
168
- transform: translateY(-50%) scale(1) !important;
159
+ transform: translateY(-50%) scale(1);
169
160
  -moz-transform: translateY(-50%) scale(1.0001) !important;
170
161
  }
171
162
  [data-tooltip][data-position="top left"]::after,
172
163
  [data-tooltip][data-position="top right"]::after,
173
164
  [data-tooltip][data-position="bottom left"]::after,
174
165
  [data-tooltip][data-position="bottom right"]::after {
175
- transform: scale(0) !important;
166
+ transform: scale(0.8);
176
167
  }
177
168
  [data-tooltip][data-position="top left"]:hover::after,
178
169
  [data-tooltip][data-position="top right"]:hover::after,
179
170
  [data-tooltip][data-position="bottom left"]:hover::after,
180
171
  [data-tooltip][data-position="bottom right"]:hover::after {
181
- transform: scale(1) !important;
172
+ transform: scale(1);
182
173
  }
183
174
  [data-tooltip][data-variation~="fixed"]::after {
184
175
  white-space: normal;
@@ -202,11 +193,11 @@
202
193
 
203
194
  /* Arrow */
204
195
  [data-tooltip][data-inverted]::before {
205
- box-shadow: none !important;
196
+ box-shadow: none;
206
197
  }
207
198
 
208
199
  /* Arrow Position */
209
- [data-tooltip][data-inverted]::before {
200
+ [data-tooltip]:not([data-position])[data-inverted]::before {
210
201
  background: #1b1c1d;
211
202
  }
212
203
 
@@ -225,15 +216,16 @@
225
216
  background: #fff;
226
217
  }
227
218
 
228
- /* Top Center */
219
+ /* Top Center (default) */
220
+ [data-tooltip]:not([data-position])::after,
229
221
  [data-position="top center"][data-tooltip]::after {
230
222
  top: auto;
231
223
  right: auto;
232
224
  left: 50%;
233
225
  bottom: 100%;
234
- transform: translateX(-50%);
235
226
  margin-bottom: 0.5em;
236
227
  }
228
+ [data-tooltip]:not([data-position])::before,
237
229
  [data-position="top center"][data-tooltip]::before {
238
230
  top: auto;
239
231
  right: auto;
@@ -288,7 +280,6 @@
288
280
  right: auto;
289
281
  left: 50%;
290
282
  top: 100%;
291
- transform: translateX(-50%);
292
283
  margin-top: 0.5em;
293
284
  }
294
285
  [data-position="bottom center"][data-tooltip]::before {
@@ -335,7 +326,6 @@
335
326
  right: 100%;
336
327
  top: 50%;
337
328
  margin-right: 0.5em;
338
- transform: translateY(-50%);
339
329
  }
340
330
  [data-position="left center"][data-tooltip]::before {
341
331
  right: 100%;
@@ -351,7 +341,6 @@
351
341
  left: 100%;
352
342
  top: 50%;
353
343
  margin-left: 0.5em;
354
- transform: translateY(-50%);
355
344
  }
356
345
  [data-position="right center"][data-tooltip]::before {
357
346
  left: 100%;
@@ -399,6 +388,18 @@
399
388
  [data-position="right center"][data-tooltip]::after {
400
389
  transform-origin: left center;
401
390
  }
391
+ [data-position="top left"][data-tooltip]::after {
392
+ transform-origin: bottom left;
393
+ }
394
+ [data-position="top right"][data-tooltip]::after {
395
+ transform-origin: bottom right;
396
+ }
397
+ [data-position="bottom left"][data-tooltip]::after {
398
+ transform-origin: top left;
399
+ }
400
+ [data-position="bottom right"][data-tooltip]::after {
401
+ transform-origin: top right;
402
+ }
402
403
 
403
404
  /* --------------
404
405
  Basic
@@ -700,7 +701,7 @@
700
701
  }
701
702
  .ui.inverted.popup::before {
702
703
  background-color: #1b1c1d;
703
- box-shadow: none !important;
704
+ box-shadow: none;
704
705
  }
705
706
  .ui.ui.ui.primary.popup::before,
706
707
  .ui.primary.popup,
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Progress
2
+ * # Fomantic-UI 2.9.3 - Progress
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Rating
2
+ * # Fomantic-UI 2.9.3 - Rating
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Search
2
+ * # Fomantic-UI 2.9.3 - Search
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -339,6 +339,15 @@
339
339
  transition: background 0.1s ease, border-color 0.1s ease;
340
340
  padding: 0.85714286em 1.14285714em;
341
341
  }
342
+ .ui.horizontal.category.search > .results .category,
343
+ .ui.horizontal.category.search > .results .category > .name,
344
+ .ui.horizontal.category.search > .results .category > .results {
345
+ display: block;
346
+ }
347
+ .ui.horizontal.category.search > .results .category > .results {
348
+ width: 100%;
349
+ border-left: 0;
350
+ }
342
351
 
343
352
 
344
353
  /*******************************
@@ -363,21 +372,37 @@
363
372
  .ui.scrolling.search > .results {
364
373
  max-height: 12.17714286em;
365
374
  }
375
+ .resizable.ui.scrolling.search > .results {
376
+ height: 12.17714286em;
377
+ }
366
378
  }
367
379
  @media only screen and (min-width: 768px) {
368
380
  .ui.scrolling.search > .results {
369
381
  max-height: 18.26571429em;
370
382
  }
383
+ .resizable.ui.scrolling.search > .results {
384
+ height: 18.26571429em;
385
+ }
371
386
  }
372
387
  @media only screen and (min-width: 992px) {
373
388
  .ui.scrolling.search > .results {
374
389
  max-height: 24.35428571em;
375
390
  }
391
+ .resizable.ui.scrolling.search > .results {
392
+ height: 24.35428571em;
393
+ }
376
394
  }
377
395
  @media only screen and (min-width: 1920px) {
378
396
  .ui.scrolling.search > .results {
379
397
  max-height: 36.53142857em;
380
398
  }
399
+ .resizable.ui.scrolling.search > .results {
400
+ height: 36.53142857em;
401
+ }
402
+ }
403
+ .ui.scrolling.resizable.search > .results {
404
+ resize: vertical;
405
+ max-height: none;
381
406
  }
382
407
  @media only screen and (max-width: 767.98px) {
383
408
  .ui.search.short > .results {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Shape
2
+ * # Fomantic-UI 2.9.3 - Shape
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Sidebar
2
+ * # Fomantic-UI 2.9.3 - Sidebar
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Slider
2
+ * # Fomantic-UI 2.9.3 - Slider
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Sticky
2
+ * # Fomantic-UI 2.9.3 - Sticky
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Tab
2
+ * # Fomantic-UI 2.9.3 - Tab
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Toast
2
+ * # Fomantic-UI 2.9.3 - Toast
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -126,6 +126,11 @@
126
126
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
127
127
  border: 1px solid rgba(34, 36, 38, 0.12);
128
128
  }
129
+ .ui.toast-container .toast-box.inverted.floating,
130
+ .ui.toast-container .toast-box.inverted.hoverfloating:hover {
131
+ box-shadow: 0 2px 4px 0 rgba(225, 225, 225, 0.1), 0 2px 10px 0 rgba(225, 225, 225, 0.5);
132
+ border: 1px solid rgba(225, 225, 225, 0.5);
133
+ }
129
134
  .ui.toast-container .toast-box.compact,
130
135
  .ui.toast-container .toast-box > .compact {
131
136
  width: 350px;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Transition
2
+ * # Fomantic-UI 2.9.3 - Transition
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Ad
2
+ * # Fomantic-UI 2.9.3 - Ad
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Card
2
+ * # Fomantic-UI 2.9.3 - Card
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.2 - Comment
2
+ * # Fomantic-UI 2.9.3 - Comment
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -264,6 +264,11 @@
264
264
  .ui.inverted.threaded.comments .comment > .comments {
265
265
  box-shadow: -1px 0 0 #555;
266
266
  }
267
+ .ui.disabled.comments,
268
+ .ui.comments .disabled.comment {
269
+ opacity: 0.45;
270
+ pointer-events: none;
271
+ }
267
272
 
268
273
 
269
274
  /*******************************