fomantic-ui-sass 2.9.0 → 2.9.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (103) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
  3. data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
  4. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
  5. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
  6. data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
  7. data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
  8. data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
  9. data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
  10. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
  11. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
  12. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
  13. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
  14. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
  15. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
  16. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -0
  18. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  19. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  20. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  21. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  22. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  23. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  24. data/app/assets/javascripts/semantic-ui/accordion.js +569 -596
  25. data/app/assets/javascripts/semantic-ui/api.js +1158 -1180
  26. data/app/assets/javascripts/semantic-ui/calendar.js +1935 -1810
  27. data/app/assets/javascripts/semantic-ui/checkbox.js +843 -842
  28. data/app/assets/javascripts/semantic-ui/dimmer.js +707 -738
  29. data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4237
  30. data/app/assets/javascripts/semantic-ui/embed.js +646 -676
  31. data/app/assets/javascripts/semantic-ui/flyout.js +1515 -1466
  32. data/app/assets/javascripts/semantic-ui/form.js +2023 -2005
  33. data/app/assets/javascripts/semantic-ui/modal.js +1545 -1487
  34. data/app/assets/javascripts/semantic-ui/nag.js +521 -527
  35. data/app/assets/javascripts/semantic-ui/popup.js +1457 -1457
  36. data/app/assets/javascripts/semantic-ui/progress.js +970 -998
  37. data/app/assets/javascripts/semantic-ui/rating.js +508 -524
  38. data/app/assets/javascripts/semantic-ui/search.js +1521 -1535
  39. data/app/assets/javascripts/semantic-ui/shape.js +784 -811
  40. data/app/assets/javascripts/semantic-ui/sidebar.js +1062 -1100
  41. data/app/assets/javascripts/semantic-ui/site.js +437 -477
  42. data/app/assets/javascripts/semantic-ui/slider.js +1311 -1312
  43. data/app/assets/javascripts/semantic-ui/state.js +639 -658
  44. data/app/assets/javascripts/semantic-ui/sticky.js +848 -902
  45. data/app/assets/javascripts/semantic-ui/tab.js +903 -967
  46. data/app/assets/javascripts/semantic-ui/toast.js +911 -885
  47. data/app/assets/javascripts/semantic-ui/transition.js +1049 -1078
  48. data/app/assets/javascripts/semantic-ui/visibility.js +1214 -1246
  49. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
  50. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +246 -341
  51. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +185 -331
  52. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +272 -433
  53. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +127 -199
  54. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +549 -776
  55. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +711 -1123
  56. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +9 -8
  57. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +45 -63
  58. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +3556 -3556
  59. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +272 -270
  60. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +120 -144
  61. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +667 -747
  62. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
  63. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +358 -276
  64. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +361 -412
  65. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +51 -72
  66. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +69 -157
  67. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +24 -44
  68. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +17 -22
  69. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +46 -85
  70. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +150 -226
  71. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +79 -152
  72. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +33 -33
  73. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -15
  74. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +30 -43
  75. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +37 -55
  76. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +26 -29
  77. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +122 -193
  78. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +55 -174
  79. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +254 -388
  80. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +20 -31
  81. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +97 -143
  82. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +122 -156
  83. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
  84. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +426 -204
  85. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
  86. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +83 -124
  87. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +71 -100
  88. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
  89. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +105 -208
  90. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +93 -121
  91. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
  92. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +12 -16
  93. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +71 -149
  94. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
  95. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +36 -47
  96. data/app/assets/stylesheets/semantic-ui/views/_card.scss +221 -367
  97. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +43 -61
  98. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +37 -59
  99. data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -133
  100. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +77 -118
  101. data/lib/fomantic/ui/sass/version.rb +2 -2
  102. data/tasks/converter.rb +1 -1
  103. metadata +17 -1
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0 - Item
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.1 - Item
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
 
@@ -14,13 +14,10 @@
14
14
  *******************************/
15
15
 
16
16
 
17
- /*--------------
17
+ /* --------------
18
18
  Item
19
- ---------------*/
20
-
19
+ --------------- */
21
20
  .ui.items > .item {
22
- display: -webkit-box;
23
- display: -ms-flexbox;
24
21
  display: flex;
25
22
  margin: 1em 0;
26
23
  width: 100%;
@@ -29,22 +26,17 @@
29
26
  padding: 0;
30
27
  border: none;
31
28
  border-radius: 0;
32
- -webkit-box-shadow: none;
33
- box-shadow: none;
34
- -webkit-transition: -webkit-box-shadow 0.1s ease;
35
- transition: -webkit-box-shadow 0.1s ease;
29
+ box-shadow: none;
36
30
  transition: box-shadow 0.1s ease;
37
- transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
38
- z-index: '';
31
+ z-index: "";
39
32
  }
40
33
  .ui.items > .item a {
41
34
  cursor: pointer;
42
35
  }
43
36
 
44
- /*--------------
37
+ /* --------------
45
38
  Items
46
- ---------------*/
47
-
39
+ --------------- */
48
40
  .ui.items {
49
41
  margin: 1.5em 0;
50
42
  }
@@ -55,13 +47,12 @@
55
47
  margin-bottom: 0 !important;
56
48
  }
57
49
 
58
- /*--------------
50
+ /* --------------
59
51
  Item
60
- ---------------*/
61
-
52
+ --------------- */
62
53
  .ui.items > .item::after {
63
54
  display: block;
64
- content: ' ';
55
+ content: " ";
65
56
  height: 0;
66
57
  clear: both;
67
58
  overflow: hidden;
@@ -74,22 +65,18 @@
74
65
  margin-bottom: 0;
75
66
  }
76
67
 
77
- /*--------------
78
- Images
79
- ---------------*/
80
-
68
+ /* --------------
69
+ Images
70
+ --------------- */
81
71
  .ui.items > .item > .image {
82
72
  position: relative;
83
- -webkit-box-flex: 0;
84
- -ms-flex: 0 0 auto;
85
- flex: 0 0 auto;
73
+ flex: 0 0 auto;
86
74
  display: block;
87
75
  float: none;
88
76
  margin: 0;
89
77
  padding: 0;
90
- max-height: '';
91
- -ms-flex-item-align: start;
92
- align-self: start;
78
+ max-height: "";
79
+ align-self: start;
93
80
  }
94
81
  .ui.items > .item > .image > img {
95
82
  display: block;
@@ -102,28 +89,24 @@
102
89
  border-radius: 0;
103
90
  }
104
91
 
105
- /*--------------
92
+ /* --------------
106
93
  Content
107
- ---------------*/
108
-
94
+ --------------- */
109
95
  .ui.items > .item > .content {
110
96
  display: block;
111
- -webkit-box-flex: 1;
112
- -ms-flex: 1 1 auto;
113
- flex: 1 1 auto;
97
+ flex: 1 1 auto;
114
98
  background: none;
115
99
  color: rgba(0, 0, 0, 0.87);
116
100
  margin: 0;
117
101
  padding: 0;
118
- -webkit-box-shadow: none;
119
- box-shadow: none;
102
+ box-shadow: none;
120
103
  font-size: 1em;
121
104
  border: none;
122
105
  border-radius: 0;
123
106
  }
124
107
  .ui.items > .item > .content::after {
125
108
  display: block;
126
- content: ' ';
109
+ content: " ";
127
110
  height: 0;
128
111
  clear: both;
129
112
  overflow: hidden;
@@ -134,14 +117,13 @@
134
117
  width: auto;
135
118
  display: block;
136
119
  margin-left: 0;
137
- -ms-flex-item-align: start;
138
- align-self: start;
120
+ align-self: start;
139
121
  padding-left: 1.5em;
140
122
  }
141
123
  .ui.items > .item > .content > .header {
142
124
  display: inline-block;
143
125
  margin: -0.21425em 0 0;
144
- 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";
126
+ 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";
145
127
  font-weight: bold;
146
128
  color: rgba(0, 0, 0, 0.85);
147
129
  }
@@ -151,10 +133,9 @@
151
133
  font-size: 1.28571429em;
152
134
  }
153
135
 
154
- /*--------------
155
- Floated
156
- ---------------*/
157
-
136
+ /* --------------
137
+ Floated
138
+ --------------- */
158
139
  .ui.items > .item [class*="left floated"] {
159
140
  float: left;
160
141
  }
@@ -162,26 +143,23 @@
162
143
  float: right;
163
144
  }
164
145
 
165
- /*--------------
166
- Content Image
167
- ---------------*/
168
-
146
+ /* --------------
147
+ Content Image
148
+ --------------- */
169
149
  .ui.items > .item .content img {
170
- -ms-flex-item-align: center;
171
- align-self: center;
172
- width: '';
150
+ align-self: center;
151
+ width: "";
173
152
  }
174
153
  .ui.items > .item img.avatar,
175
154
  .ui.items > .item .avatar img {
176
- width: '';
177
- height: '';
155
+ width: "";
156
+ height: "";
178
157
  border-radius: 500rem;
179
158
  }
180
159
 
181
- /*--------------
182
- Description
183
- ---------------*/
184
-
160
+ /* --------------
161
+ Description
162
+ --------------- */
185
163
  .ui.items > .item > .content > .description {
186
164
  margin-top: 0.6em;
187
165
  max-width: auto;
@@ -190,10 +168,9 @@
190
168
  color: rgba(0, 0, 0, 0.87);
191
169
  }
192
170
 
193
- /*--------------
171
+ /* --------------
194
172
  Paragraph
195
- ---------------*/
196
-
173
+ --------------- */
197
174
  .ui.items > .item > .content p {
198
175
  margin: 0 0 0.5em;
199
176
  }
@@ -201,10 +178,9 @@
201
178
  margin-bottom: 0;
202
179
  }
203
180
 
204
- /*--------------
205
- Meta
206
- ---------------*/
207
-
181
+ /* --------------
182
+ Meta
183
+ --------------- */
208
184
  .ui.items > .item .meta {
209
185
  margin: 0.5em 0 0.5em;
210
186
  font-size: 1em;
@@ -222,19 +198,17 @@
222
198
  margin-left: 0.3em;
223
199
  }
224
200
 
225
- /*--------------
201
+ /* --------------
226
202
  Links
227
- ---------------*/
228
-
203
+ --------------- */
229
204
 
230
205
  /* Generic */
231
206
  .ui.items > .item > .content a:not(.ui) {
232
- color: '';
233
- -webkit-transition: color 0.1s ease;
207
+ color: "";
234
208
  transition: color 0.1s ease;
235
209
  }
236
210
  .ui.items > .item > .content a:not(.ui):hover {
237
- color: '';
211
+ color: "";
238
212
  }
239
213
 
240
214
  /* Header */
@@ -253,64 +227,56 @@
253
227
  color: rgba(0, 0, 0, 0.87);
254
228
  }
255
229
 
256
- /*--------------
230
+ /* --------------
257
231
  Labels
258
- ---------------*/
259
-
260
-
261
- /*-----Star----- */
232
+ --------------- */
262
233
 
234
+ /* -----Star----- */
263
235
 
264
236
  /* Icon */
265
237
  .ui.items > .item > .content .favorite.icon {
266
238
  cursor: pointer;
267
239
  opacity: 0.75;
268
- -webkit-transition: color 0.1s ease;
269
240
  transition: color 0.1s ease;
270
241
  }
271
242
  .ui.items > .item > .content .favorite.icon:hover {
272
243
  opacity: 1;
273
- color: #FFB70A;
244
+ color: #ffb70a;
274
245
  }
275
246
  .ui.items > .item > .content .active.favorite.icon {
276
- color: #FFE623;
247
+ color: #ffe623;
277
248
  }
278
249
 
279
- /*-----Like----- */
280
-
250
+ /* -----Like----- */
281
251
 
282
252
  /* Icon */
283
253
  .ui.items > .item > .content .like.icon {
284
254
  cursor: pointer;
285
255
  opacity: 0.75;
286
- -webkit-transition: color 0.1s ease;
287
256
  transition: color 0.1s ease;
288
257
  }
289
258
  .ui.items > .item > .content .like.icon:hover {
290
259
  opacity: 1;
291
- color: #FF2733;
260
+ color: #ff2733;
292
261
  }
293
262
  .ui.items > .item > .content .active.like.icon {
294
- color: #FF2733;
263
+ color: #ff2733;
295
264
  }
296
265
 
297
- /*----------------
298
- Extra Content
299
- -----------------*/
300
-
266
+ /* ----------------
267
+ Extra Content
268
+ ----------------- */
301
269
  .ui.items > .item .extra {
302
270
  display: block;
303
271
  position: relative;
304
272
  background: none;
305
273
  margin: 0.5rem 0 0;
306
274
  width: 100%;
307
- padding: 0 0 0;
275
+ padding: 0;
308
276
  top: 0;
309
277
  left: 0;
310
278
  color: rgba(0, 0, 0, 0.4);
311
- -webkit-box-shadow: none;
312
- box-shadow: none;
313
- -webkit-transition: color 0.1s ease;
279
+ box-shadow: none;
314
280
  transition: color 0.1s ease;
315
281
  border-top: none;
316
282
  }
@@ -322,7 +288,7 @@
322
288
  }
323
289
  .ui.items > .item .extra::after {
324
290
  display: block;
325
- content: ' ';
291
+ content: " ";
326
292
  height: 0;
327
293
  clear: both;
328
294
  overflow: hidden;
@@ -357,10 +323,7 @@
357
323
  /* Mobile Only */
358
324
  @media only screen and (max-width: 767.98px) {
359
325
  .ui.items:not(.unstackable) > .item {
360
- -webkit-box-orient: vertical;
361
- -webkit-box-direction: normal;
362
- -ms-flex-direction: column;
363
- flex-direction: column;
326
+ flex-direction: column;
364
327
  margin: 2em 0;
365
328
  }
366
329
  .ui.items:not(.unstackable) > .item > .image {
@@ -386,27 +349,22 @@
386
349
  *******************************/
387
350
 
388
351
 
389
- /*-------------------
390
- Aligned
391
- --------------------*/
392
-
352
+ /* -------------------
353
+ Aligned
354
+ -------------------- */
393
355
  .ui.items > .item > .image + [class*="top aligned"].content {
394
- -ms-flex-item-align: start;
395
- align-self: flex-start;
356
+ align-self: flex-start;
396
357
  }
397
358
  .ui.items > .item > .image + [class*="middle aligned"].content {
398
- -ms-flex-item-align: center;
399
- align-self: center;
359
+ align-self: center;
400
360
  }
401
361
  .ui.items > .item > .image + [class*="bottom aligned"].content {
402
- -ms-flex-item-align: end;
403
- align-self: flex-end;
362
+ align-self: flex-end;
404
363
  }
405
364
 
406
- /*--------------
407
- Relaxed
408
- ---------------*/
409
-
365
+ /* --------------
366
+ Relaxed
367
+ --------------- */
410
368
  .ui.relaxed.items > .item {
411
369
  margin: 1.5em 0;
412
370
  }
@@ -414,10 +372,9 @@
414
372
  margin: 2em 0;
415
373
  }
416
374
 
417
- /*-------------------
418
- Divided
419
- --------------------*/
420
-
375
+ /* -------------------
376
+ Divided
377
+ -------------------- */
421
378
  .ui.divided.items > .item {
422
379
  border-top: 1px solid rgba(34, 36, 38, 0.15);
423
380
  margin: 0;
@@ -443,10 +400,9 @@
443
400
  padding: 2em 0;
444
401
  }
445
402
 
446
- /*-------------------
447
- Link
448
- --------------------*/
449
-
403
+ /* -------------------
404
+ Link
405
+ -------------------- */
450
406
  .ui.items a.item:hover,
451
407
  .ui.link.items > .item:hover {
452
408
  cursor: pointer;
@@ -456,10 +412,9 @@
456
412
  color: #1e70bf;
457
413
  }
458
414
 
459
- /*--------------
415
+ /* --------------
460
416
  Size
461
- ---------------*/
462
-
417
+ --------------- */
463
418
  .ui.items > .item {
464
419
  font-size: 1em;
465
420
  }
@@ -485,10 +440,9 @@
485
440
  font-size: 1.71428571em;
486
441
  }
487
442
 
488
- /*---------------
489
- Unstackable
490
- ----------------*/
491
-
443
+ /* ---------------
444
+ Unstackable
445
+ ---------------- */
492
446
  @media only screen and (max-width: 767.98px) {
493
447
  .ui.unstackable.items > .item > .image,
494
448
  .ui.unstackable.items > .item > .image > img {
@@ -496,10 +450,9 @@
496
450
  }
497
451
  }
498
452
 
499
- /*--------------
500
- Inverted
501
- ---------------*/
502
-
453
+ /* --------------
454
+ Inverted
455
+ --------------- */
503
456
  .ui.inverted.items > .item {
504
457
  background: transparent;
505
458
  }
@@ -523,7 +476,7 @@
523
476
  color: #57a4ef;
524
477
  }
525
478
  .ui.inverted.items > .item > .content a:not(.ui):hover {
526
- color: #4183C4;
479
+ color: #4183c4;
527
480
  }
528
481
  .ui.inverted.items > .item > .content > a.header {
529
482
  color: rgba(255, 255, 255, 0.9);