semantic-ui-sass 2.3.1.2 → 2.4.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui/dimmer.js +27 -4
- data/app/assets/javascripts/semantic-ui/dropdown.js +40 -8
- data/app/assets/javascripts/semantic-ui/modal.js +85 -10
- data/app/assets/javascripts/semantic-ui/popup.js +14 -5
- data/app/assets/javascripts/semantic-ui/search.js +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +151 -1
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +36 -17
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +14 -14
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +239 -0
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +63 -1
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +13 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +25 -16
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +31 -2
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +23 -26
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/tasks/converter.rb +12 -1
- metadata +3 -2
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.4.0 - Dimmer
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -115,6 +115,18 @@
|
|
115
115
|
*******************************/
|
116
116
|
|
117
117
|
|
118
|
+
/*--------------
|
119
|
+
Legacy
|
120
|
+
---------------*/
|
121
|
+
|
122
|
+
|
123
|
+
/* Animating / Active / Visible */
|
124
|
+
.dimmed.dimmable > .ui.animating.legacy.dimmer,
|
125
|
+
.dimmed.dimmable > .ui.visible.legacy.dimmer,
|
126
|
+
.ui.active.legacy.dimmer {
|
127
|
+
display: block;
|
128
|
+
}
|
129
|
+
|
118
130
|
/*--------------
|
119
131
|
Alignment
|
120
132
|
---------------*/
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.4.0 - Dropdown
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -519,7 +519,7 @@ select.ui.dropdown {
|
|
519
519
|
/* Dropdown Icon */
|
520
520
|
.ui.active.selection.dropdown > .dropdown.icon,
|
521
521
|
.ui.visible.selection.dropdown > .dropdown.icon {
|
522
|
-
opacity:
|
522
|
+
opacity: '';
|
523
523
|
z-index: 3;
|
524
524
|
}
|
525
525
|
|
@@ -735,7 +735,7 @@ select.ui.dropdown {
|
|
735
735
|
color: inherit;
|
736
736
|
}
|
737
737
|
.ui.inline.dropdown .dropdown.icon {
|
738
|
-
margin: 0em 0.
|
738
|
+
margin: 0em 0.21428571em 0em 0.21428571em;
|
739
739
|
vertical-align: baseline;
|
740
740
|
}
|
741
741
|
.ui.inline.dropdown > .text {
|
@@ -946,6 +946,19 @@ select.ui.dropdown {
|
|
946
946
|
background-color: #FDCFCF;
|
947
947
|
}
|
948
948
|
|
949
|
+
/*--------------------
|
950
|
+
Clear
|
951
|
+
----------------------*/
|
952
|
+
|
953
|
+
.ui.dropdown > .clear.dropdown.icon {
|
954
|
+
opacity: 0.8;
|
955
|
+
-webkit-transition: opacity 0.1s ease;
|
956
|
+
transition: opacity 0.1s ease;
|
957
|
+
}
|
958
|
+
.ui.dropdown > .clear.dropdown.icon:hover {
|
959
|
+
opacity: 1;
|
960
|
+
}
|
961
|
+
|
949
962
|
/*--------------------
|
950
963
|
Disabled
|
951
964
|
----------------------*/
|
@@ -1450,7 +1463,7 @@ select.ui.dropdown {
|
|
1450
1463
|
/* Dropdown Carets */
|
1451
1464
|
@font-face {
|
1452
1465
|
font-family: 'Dropdown';
|
1453
|
-
src: url(data:application/
|
1466
|
+
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');
|
1454
1467
|
font-weight: normal;
|
1455
1468
|
font-style: normal;
|
1456
1469
|
}
|
@@ -1485,19 +1498,15 @@ select.ui.dropdown {
|
|
1485
1498
|
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
|
1486
1499
|
content: "\f0da" /*rtl:"\f0d9"*/;
|
1487
1500
|
}
|
1488
|
-
|
1489
|
-
|
1490
|
-
content: "\f0d7";
|
1491
|
-
}
|
1492
|
-
.dropdown.up.icon {
|
1493
|
-
content: "\f0d8";
|
1494
|
-
}
|
1495
|
-
.dropdown.left.icon {
|
1496
|
-
content: "\f0d9";
|
1497
|
-
}
|
1498
|
-
.dropdown.icon.icon {
|
1499
|
-
content: "\f0da";
|
1501
|
+
.ui.dropdown > .clear.icon:before {
|
1502
|
+
content: "\f00d";
|
1500
1503
|
}
|
1504
|
+
/* Icons for Reference (Subsetted in 2.4.0)
|
1505
|
+
.dropdown.down:before { content: "\f0d7"; }
|
1506
|
+
.dropdown.up:before { content: "\f0d8"; }
|
1507
|
+
.dropdown.left:before { content: "\f0d9"; }
|
1508
|
+
.dropdown.right:before { content: "\f0da"; }
|
1509
|
+
.dropdown.close:before { content: "\f00d"; }
|
1501
1510
|
*/
|
1502
1511
|
|
1503
1512
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.4.0 - Modal
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -14,6 +14,7 @@
|
|
14
14
|
*******************************/
|
15
15
|
|
16
16
|
.ui.modal {
|
17
|
+
position: absolute;
|
17
18
|
display: none;
|
18
19
|
z-index: 1001;
|
19
20
|
text-align: left;
|
@@ -320,6 +321,19 @@
|
|
320
321
|
color: rgba(0, 0, 0, 0.85);
|
321
322
|
}
|
322
323
|
|
324
|
+
/* Resort to margin positioning if legacy */
|
325
|
+
.ui.legacy.modal,
|
326
|
+
.ui.legacy.page.dimmer > .ui.modal {
|
327
|
+
top: 50%;
|
328
|
+
left: 50%;
|
329
|
+
}
|
330
|
+
.ui.legacy.page.dimmer > .ui.scrolling.modal,
|
331
|
+
.ui.page.dimmer > .ui.scrolling.legacy.modal,
|
332
|
+
.ui.top.aligned.legacy.page.dimmer > .ui.modal,
|
333
|
+
.ui.top.aligned.dimmer > .ui.legacy.modal {
|
334
|
+
top: auto;
|
335
|
+
}
|
336
|
+
|
323
337
|
/* Tablet and Mobile */
|
324
338
|
@media only screen and (max-width: 991px) {
|
325
339
|
.ui.basic.modal > .close {
|
@@ -356,6 +370,21 @@
|
|
356
370
|
.modals.dimmer[class*="top aligned"] .modal {
|
357
371
|
margin: 5vh auto;
|
358
372
|
}
|
373
|
+
@media only screen and (max-width: 767px) {
|
374
|
+
.modals.dimmer[class*="top aligned"] .modal {
|
375
|
+
margin: 1rem auto;
|
376
|
+
}
|
377
|
+
}
|
378
|
+
|
379
|
+
/* Legacy Top Aligned */
|
380
|
+
.legacy.modals.dimmer[class*="top aligned"] {
|
381
|
+
padding-top: 5vh;
|
382
|
+
}
|
383
|
+
@media only screen and (max-width: 767px) {
|
384
|
+
.legacy.modals.dimmer[class*="top aligned"] {
|
385
|
+
padding-top: 1rem;
|
386
|
+
}
|
387
|
+
}
|
359
388
|
|
360
389
|
/*--------------
|
361
390
|
Scrolling
|
@@ -379,7 +408,7 @@
|
|
379
408
|
position: fixed;
|
380
409
|
}
|
381
410
|
.modals.dimmer .ui.scrolling.modal {
|
382
|
-
margin: 1rem auto
|
411
|
+
margin: 1rem auto;
|
383
412
|
}
|
384
413
|
|
385
414
|
/* Undetached Scrolling */
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.4.0 - Search
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -61,6 +61,8 @@
|
|
61
61
|
-webkit-transform-origin: center top;
|
62
62
|
transform-origin: center top;
|
63
63
|
white-space: normal;
|
64
|
+
text-align: left;
|
65
|
+
text-transform: none;
|
64
66
|
background: #FFFFFF;
|
65
67
|
margin-top: 0.5em;
|
66
68
|
width: 18em;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.4.0 - Statistic
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -64,14 +64,14 @@
|
|
64
64
|
-webkit-box-direction: normal;
|
65
65
|
-ms-flex-direction: column;
|
66
66
|
flex-direction: column;
|
67
|
-
margin: 0em 1.5em
|
67
|
+
margin: 0em 1.5em 1em;
|
68
68
|
max-width: auto;
|
69
69
|
}
|
70
70
|
.ui.statistics {
|
71
71
|
display: -webkit-box;
|
72
72
|
display: -ms-flexbox;
|
73
73
|
display: flex;
|
74
|
-
margin: 1em -1.5em -
|
74
|
+
margin: 1em -1.5em -1em;
|
75
75
|
}
|
76
76
|
|
77
77
|
/* Clearing */
|
@@ -86,9 +86,6 @@
|
|
86
86
|
.ui.statistics:first-child {
|
87
87
|
margin-top: 0em;
|
88
88
|
}
|
89
|
-
.ui.statistics:last-child {
|
90
|
-
margin-bottom: 0em;
|
91
|
-
}
|
92
89
|
|
93
90
|
|
94
91
|
/*******************************
|
@@ -191,74 +188,74 @@
|
|
191
188
|
---------------*/
|
192
189
|
|
193
190
|
.ui.ten.statistics {
|
194
|
-
margin: 0em 0em -
|
191
|
+
margin: 0em 0em -1em;
|
195
192
|
}
|
196
193
|
.ui.ten.statistics .statistic {
|
197
194
|
min-width: 10%;
|
198
|
-
margin: 0em 0em
|
195
|
+
margin: 0em 0em 1em;
|
199
196
|
}
|
200
197
|
.ui.nine.statistics {
|
201
|
-
margin: 0em 0em -
|
198
|
+
margin: 0em 0em -1em;
|
202
199
|
}
|
203
200
|
.ui.nine.statistics .statistic {
|
204
201
|
min-width: 11.11111111%;
|
205
|
-
margin: 0em 0em
|
202
|
+
margin: 0em 0em 1em;
|
206
203
|
}
|
207
204
|
.ui.eight.statistics {
|
208
|
-
margin: 0em 0em -
|
205
|
+
margin: 0em 0em -1em;
|
209
206
|
}
|
210
207
|
.ui.eight.statistics .statistic {
|
211
208
|
min-width: 12.5%;
|
212
|
-
margin: 0em 0em
|
209
|
+
margin: 0em 0em 1em;
|
213
210
|
}
|
214
211
|
.ui.seven.statistics {
|
215
|
-
margin: 0em 0em -
|
212
|
+
margin: 0em 0em -1em;
|
216
213
|
}
|
217
214
|
.ui.seven.statistics .statistic {
|
218
215
|
min-width: 14.28571429%;
|
219
|
-
margin: 0em 0em
|
216
|
+
margin: 0em 0em 1em;
|
220
217
|
}
|
221
218
|
.ui.six.statistics {
|
222
|
-
margin: 0em 0em -
|
219
|
+
margin: 0em 0em -1em;
|
223
220
|
}
|
224
221
|
.ui.six.statistics .statistic {
|
225
222
|
min-width: 16.66666667%;
|
226
|
-
margin: 0em 0em
|
223
|
+
margin: 0em 0em 1em;
|
227
224
|
}
|
228
225
|
.ui.five.statistics {
|
229
|
-
margin: 0em 0em -
|
226
|
+
margin: 0em 0em -1em;
|
230
227
|
}
|
231
228
|
.ui.five.statistics .statistic {
|
232
229
|
min-width: 20%;
|
233
|
-
margin: 0em 0em
|
230
|
+
margin: 0em 0em 1em;
|
234
231
|
}
|
235
232
|
.ui.four.statistics {
|
236
|
-
margin: 0em 0em -
|
233
|
+
margin: 0em 0em -1em;
|
237
234
|
}
|
238
235
|
.ui.four.statistics .statistic {
|
239
236
|
min-width: 25%;
|
240
|
-
margin: 0em 0em
|
237
|
+
margin: 0em 0em 1em;
|
241
238
|
}
|
242
239
|
.ui.three.statistics {
|
243
|
-
margin: 0em 0em -
|
240
|
+
margin: 0em 0em -1em;
|
244
241
|
}
|
245
242
|
.ui.three.statistics .statistic {
|
246
243
|
min-width: 33.33333333%;
|
247
|
-
margin: 0em 0em
|
244
|
+
margin: 0em 0em 1em;
|
248
245
|
}
|
249
246
|
.ui.two.statistics {
|
250
|
-
margin: 0em 0em -
|
247
|
+
margin: 0em 0em -1em;
|
251
248
|
}
|
252
249
|
.ui.two.statistics .statistic {
|
253
250
|
min-width: 50%;
|
254
|
-
margin: 0em 0em
|
251
|
+
margin: 0em 0em 1em;
|
255
252
|
}
|
256
253
|
.ui.one.statistics {
|
257
|
-
margin: 0em 0em -
|
254
|
+
margin: 0em 0em -1em;
|
258
255
|
}
|
259
256
|
.ui.one.statistics .statistic {
|
260
257
|
min-width: 100%;
|
261
|
-
margin: 0em 0em
|
258
|
+
margin: 0em 0em 1em;
|
262
259
|
}
|
263
260
|
|
264
261
|
/*--------------
|