semantic-ui-sass 1.7.0.0 → 1.7.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui/accordion.js +100 -47
- data/app/assets/javascripts/semantic-ui/api.js +9 -9
- data/app/assets/javascripts/semantic-ui/checkbox.js +14 -13
- data/app/assets/javascripts/semantic-ui/dimmer.js +9 -9
- data/app/assets/javascripts/semantic-ui/dropdown.js +98 -58
- data/app/assets/javascripts/semantic-ui/form.js +23 -23
- data/app/assets/javascripts/semantic-ui/modal.js +14 -14
- data/app/assets/javascripts/semantic-ui/popup.js +91 -40
- data/app/assets/javascripts/semantic-ui/progress.js +12 -6
- data/app/assets/javascripts/semantic-ui/rating.js +6 -6
- data/app/assets/javascripts/semantic-ui/search.js +217 -206
- data/app/assets/javascripts/semantic-ui/shape.js +8 -8
- data/app/assets/javascripts/semantic-ui/sidebar.js +116 -93
- data/app/assets/javascripts/semantic-ui/site.js +2 -2
- data/app/assets/javascripts/semantic-ui/state.js +6 -6
- data/app/assets/javascripts/semantic-ui/sticky.js +11 -11
- data/app/assets/javascripts/semantic-ui/tab.js +12 -12
- data/app/assets/javascripts/semantic-ui/transition.js +9 -9
- data/app/assets/javascripts/semantic-ui/video.js +4 -4
- data/app/assets/javascripts/semantic-ui/visibility.js +3 -3
- data/app/assets/javascripts/semantic-ui/visit.js +7 -7
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +118 -14
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +23 -9
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +127 -126
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -2
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +2 -2
- 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 +5 -5
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +4 -3
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +13 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +1 -7
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +36 -35
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +23 -4
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +115 -29
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -6
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +13 -1
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +134 -16
- 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/modules/_video.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +13 -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 +1 -1
- data/lib/semantic/ui/sass/version.rb +2 -2
- metadata +2 -2
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -339,7 +339,6 @@ i.flag.gabon:before {
|
|
339
339
|
background-position: -36px 0px;
|
340
340
|
}
|
341
341
|
i.flag.gb:before,
|
342
|
-
i.flag.england:before,
|
343
342
|
i.flag.united.kingdom:before {
|
344
343
|
background-position: -36px -26px;
|
345
344
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -339,7 +339,7 @@ i.massive.icon {
|
|
339
339
|
}
|
340
340
|
/*
|
341
341
|
* # Semantic - Icon
|
342
|
-
* http://github.com/
|
342
|
+
* http://github.com/semantic-org/semantic-ui/
|
343
343
|
*
|
344
344
|
*
|
345
345
|
* Copyright 2014 Contributor
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -104,17 +104,17 @@ a.ui.label {
|
|
104
104
|
/* Remove border radius on attached segment */
|
105
105
|
.ui.attached.segment > .ui.top.left.attached.label,
|
106
106
|
.ui.bottom.attached.segment > .ui.top.left.attached.label {
|
107
|
-
border-
|
107
|
+
border-top-left-radius: 0;
|
108
108
|
}
|
109
109
|
.ui.attached.segment > .ui.top.right.attached.label,
|
110
110
|
.ui.bottom.attached.segment > .ui.top.right.attached.label {
|
111
|
-
border-
|
111
|
+
border-top-right-radius: 0;
|
112
112
|
}
|
113
113
|
.ui.top.attached.segment > .ui.bottom.left.attached.label {
|
114
|
-
border-
|
114
|
+
border-bottom-left-radius: 0;
|
115
115
|
}
|
116
116
|
.ui.top.attached.segment > .ui.bottom.right.attached.label {
|
117
|
-
border-
|
117
|
+
border-bottom-right-radius: 0;
|
118
118
|
}
|
119
119
|
|
120
120
|
/* Padding on next content after a label */
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -96,8 +96,8 @@ ol.ui.list ol,
|
|
96
96
|
-webkit-transition: color 0.2s ease;
|
97
97
|
transition: color 0.2s ease;
|
98
98
|
}
|
99
|
-
.ui.list .list > .item [class*="top aligned"]
|
100
|
-
.ui.list > .item > [class*="top aligned"]
|
99
|
+
.ui.list .list > .item i[class*="top aligned"].icon,
|
100
|
+
.ui.list > .item > i[class*="top aligned"].icon {
|
101
101
|
vertical-align: top;
|
102
102
|
}
|
103
103
|
.ui.list .list > .item > i.icon:only-child,
|
@@ -227,6 +227,7 @@ ol.ui.list ol,
|
|
227
227
|
.ui.menu .ui.list .list > .item {
|
228
228
|
display: list-item;
|
229
229
|
table-layout: fixed;
|
230
|
+
background-color: transparent;
|
230
231
|
list-style-type: none;
|
231
232
|
list-style-position: outside;
|
232
233
|
padding: 0.3em 0em;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -280,3 +280,15 @@
|
|
280
280
|
.ui.reveal > .content {
|
281
281
|
font-size: 1rem !important;
|
282
282
|
}
|
283
|
+
|
284
|
+
|
285
|
+
/*******************************
|
286
|
+
Theme Overrides
|
287
|
+
*******************************/
|
288
|
+
|
289
|
+
|
290
|
+
|
291
|
+
/*******************************
|
292
|
+
Site Overrides
|
293
|
+
*******************************/
|
294
|
+
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -336,12 +336,6 @@
|
|
336
336
|
box-shadow: none;
|
337
337
|
border-radius: 0px;
|
338
338
|
}
|
339
|
-
.ui.basic.segment:first-child {
|
340
|
-
padding-top: 0em;
|
341
|
-
}
|
342
|
-
.ui.basic.segment:last-child {
|
343
|
-
padding-bottom: 0em;
|
344
|
-
}
|
345
339
|
|
346
340
|
/*-------------------
|
347
341
|
Fittted
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -12,15 +12,15 @@
|
|
12
12
|
|
13
13
|
|
14
14
|
/*******************************
|
15
|
-
|
15
|
+
Singular
|
16
16
|
*******************************/
|
17
17
|
|
18
18
|
.ui.steps .step {
|
19
|
-
display: inline-block;
|
20
19
|
position: relative;
|
20
|
+
display: table-cell;
|
21
|
+
vertical-align: middle;
|
21
22
|
margin: 0em 0em;
|
22
23
|
padding: 0.9285em 1.5em 0.9285em 2.25em;
|
23
|
-
vertical-align: top;
|
24
24
|
background: #ffffff;
|
25
25
|
color: rgba(0, 0, 0, 0.8);
|
26
26
|
box-shadow: 0px 0px 0px 1px #d4d4d5;
|
@@ -49,6 +49,37 @@
|
|
49
49
|
}
|
50
50
|
|
51
51
|
|
52
|
+
/*******************************
|
53
|
+
Plural
|
54
|
+
*******************************/
|
55
|
+
|
56
|
+
.ui.steps {
|
57
|
+
display: table;
|
58
|
+
table-layout: fixed;
|
59
|
+
background: '';
|
60
|
+
box-shadow: '';
|
61
|
+
line-height: 1.142rem;
|
62
|
+
box-sizing: border-box;
|
63
|
+
border-radius: 0.2857rem;
|
64
|
+
}
|
65
|
+
.ui.steps .step:first-child {
|
66
|
+
padding-left: 1.5em;
|
67
|
+
border-radius: 0.2857rem 0em 0em 0.2857rem;
|
68
|
+
}
|
69
|
+
.ui.steps .step:last-child {
|
70
|
+
border-radius: 0em 0.2857rem 0.2857rem 0em;
|
71
|
+
}
|
72
|
+
.ui.steps .step:only-child {
|
73
|
+
border-radius: 0.2857rem;
|
74
|
+
}
|
75
|
+
.ui.steps .step:last-child {
|
76
|
+
margin-right: 0em;
|
77
|
+
}
|
78
|
+
.ui.steps .step:last-child:after {
|
79
|
+
display: none;
|
80
|
+
}
|
81
|
+
|
82
|
+
|
52
83
|
/*******************************
|
53
84
|
Content
|
54
85
|
*******************************/
|
@@ -122,6 +153,7 @@
|
|
122
153
|
---------------*/
|
123
154
|
|
124
155
|
.ui.vertical.steps {
|
156
|
+
display: inline-block;
|
125
157
|
overflow: visible;
|
126
158
|
}
|
127
159
|
.ui.vertical.steps .step {
|
@@ -177,37 +209,6 @@
|
|
177
209
|
}
|
178
210
|
|
179
211
|
|
180
|
-
/*******************************
|
181
|
-
Group
|
182
|
-
*******************************/
|
183
|
-
|
184
|
-
.ui.steps {
|
185
|
-
display: inline-block;
|
186
|
-
font-size: 0em;
|
187
|
-
background: '';
|
188
|
-
box-shadow: '';
|
189
|
-
line-height: 1.142rem;
|
190
|
-
box-sizing: border-box;
|
191
|
-
border-radius: 0.2857rem;
|
192
|
-
}
|
193
|
-
.ui.steps .step:first-child {
|
194
|
-
padding-left: 1.5em;
|
195
|
-
border-radius: 0.2857rem 0em 0em 0.2857rem;
|
196
|
-
}
|
197
|
-
.ui.steps .step:last-child {
|
198
|
-
border-radius: 0em 0.2857rem 0.2857rem 0em;
|
199
|
-
}
|
200
|
-
.ui.steps .step:only-child {
|
201
|
-
border-radius: 0.2857rem;
|
202
|
-
}
|
203
|
-
.ui.steps .step:last-child {
|
204
|
-
margin-right: 0em;
|
205
|
-
}
|
206
|
-
.ui.steps .step:last-child:after {
|
207
|
-
display: none;
|
208
|
-
}
|
209
|
-
|
210
|
-
|
211
212
|
/*******************************
|
212
213
|
States
|
213
214
|
*******************************/
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -102,16 +102,35 @@ a:hover {
|
|
102
102
|
Highlighting
|
103
103
|
*******************************/
|
104
104
|
|
105
|
+
|
106
|
+
/* Site */
|
105
107
|
::-webkit-selection {
|
106
|
-
background-color:
|
108
|
+
background-color: #cce2ff;
|
107
109
|
color: rgba(0, 0, 0, 0.8);
|
108
110
|
}
|
109
111
|
::-moz-selection {
|
110
|
-
background-color:
|
112
|
+
background-color: #cce2ff;
|
111
113
|
color: rgba(0, 0, 0, 0.8);
|
112
114
|
}
|
113
115
|
::selection {
|
114
|
-
background-color:
|
116
|
+
background-color: #cce2ff;
|
117
|
+
color: rgba(0, 0, 0, 0.8);
|
118
|
+
}
|
119
|
+
|
120
|
+
/* Form */
|
121
|
+
textarea::-webkit-selection,
|
122
|
+
input::-webkit-selection {
|
123
|
+
background-color: rgba(100, 100, 100, 0.4);
|
124
|
+
color: rgba(0, 0, 0, 0.8);
|
125
|
+
}
|
126
|
+
textarea::-moz-selection,
|
127
|
+
input::-moz-selection {
|
128
|
+
background-color: rgba(100, 100, 100, 0.4);
|
129
|
+
color: rgba(0, 0, 0, 0.8);
|
130
|
+
}
|
131
|
+
textarea::selection,
|
132
|
+
input::selection {
|
133
|
+
background-color: rgba(100, 100, 100, 0.4);
|
115
134
|
color: rgba(0, 0, 0, 0.8);
|
116
135
|
}
|
117
136
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -18,7 +18,7 @@
|
|
18
18
|
.ui.accordion,
|
19
19
|
.ui.accordion .accordion {
|
20
20
|
max-width: 100%;
|
21
|
-
font-size:
|
21
|
+
font-size: 14px;
|
22
22
|
}
|
23
23
|
.ui.accordion .accordion {
|
24
24
|
margin: 1em 0em 0em;
|
@@ -61,7 +61,7 @@
|
|
61
61
|
display: inline-block;
|
62
62
|
float: none;
|
63
63
|
opacity: 0.75;
|
64
|
-
width: 1.
|
64
|
+
width: 1.18em;
|
65
65
|
height: 1em;
|
66
66
|
margin: 0em 0.25rem 0em 0rem;
|
67
67
|
padding: 0em;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI - 1.7.3
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -51,7 +51,7 @@
|
|
51
51
|
font-size: 1rem;
|
52
52
|
text-shadow: none;
|
53
53
|
text-align: left;
|
54
|
-
box-shadow: 0px 1px 4px 0px rgba(
|
54
|
+
box-shadow: 0px 1px 4px 0px rgba(39, 41, 43, 0.15);
|
55
55
|
border: 1px solid rgba(39, 41, 43, 0.15);
|
56
56
|
border-radius: 0em 0em 0.2857rem 0.2857rem;
|
57
57
|
-webkit-transition: opacity 0.2s ease;
|
@@ -80,7 +80,10 @@
|
|
80
80
|
.ui.dropdown .menu > .item .dropdown.icon {
|
81
81
|
width: auto;
|
82
82
|
float: right;
|
83
|
-
margin: 0.2em 0em 0em
|
83
|
+
margin: 0.2em 0em 0em 1em;
|
84
|
+
}
|
85
|
+
.ui.dropdown .menu > .item .dropdown.icon + .text {
|
86
|
+
margin-right: 1em;
|
84
87
|
}
|
85
88
|
|
86
89
|
/*--------------
|
@@ -114,7 +117,7 @@
|
|
114
117
|
-webkit-touch-callout: none;
|
115
118
|
}
|
116
119
|
.ui.dropdown .menu > .item:first-child {
|
117
|
-
border-top:
|
120
|
+
border-top-width: 0px;
|
118
121
|
}
|
119
122
|
|
120
123
|
/*--------------
|
@@ -123,15 +126,15 @@
|
|
123
126
|
|
124
127
|
.ui.dropdown > .text > [class*="right floated"],
|
125
128
|
.ui.dropdown .menu .item > [class*="right floated"] {
|
126
|
-
float: right;
|
127
|
-
margin-right: 0em;
|
128
|
-
margin-left: 1em;
|
129
|
+
float: right !important;
|
130
|
+
margin-right: 0em !important;
|
131
|
+
margin-left: 1em !important;
|
129
132
|
}
|
130
133
|
.ui.dropdown > .text > [class*="left floated"],
|
131
134
|
.ui.dropdown .menu .item > [class*="left floated"] {
|
132
|
-
float:
|
133
|
-
margin-left: 0em;
|
134
|
-
margin-right: 1em;
|
135
|
+
float: left !important;
|
136
|
+
margin-left: 0em !important;
|
137
|
+
margin-right: 1em !important;
|
135
138
|
}
|
136
139
|
.ui.dropdown .menu .item > .icon.floated,
|
137
140
|
.ui.dropdown .menu .item > .flag.floated,
|
@@ -356,14 +359,6 @@ select.ui.dropdown {
|
|
356
359
|
min-width: 0px;
|
357
360
|
}
|
358
361
|
|
359
|
-
/* Remove Selection */
|
360
|
-
.ui.selection.dropdown > .delete.icon {
|
361
|
-
opacity: 0.6;
|
362
|
-
}
|
363
|
-
.ui.selection.dropdown > .delete.icon:hover {
|
364
|
-
opacity: 1;
|
365
|
-
}
|
366
|
-
|
367
362
|
/* Selection Menu */
|
368
363
|
.ui.selection.dropdown .menu {
|
369
364
|
overflow-x: hidden;
|
@@ -371,11 +366,11 @@ select.ui.dropdown {
|
|
371
366
|
-webkit-backface-visibility: hidden;
|
372
367
|
backface-visibility: hidden;
|
373
368
|
-webkit-overflow-scrolling: touch;
|
374
|
-
border-top:
|
369
|
+
border-top-width: 0px !important;
|
375
370
|
width: auto;
|
376
371
|
margin: 0px -1px;
|
377
|
-
min-width: -webkit-calc(100% +
|
378
|
-
min-width: calc(100% +
|
372
|
+
min-width: -webkit-calc(100% + 2px );
|
373
|
+
min-width: calc(100% + 2px );
|
379
374
|
outline: none;
|
380
375
|
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
|
381
376
|
-webkit-transition: box-shadow 0.2s ease, border 0.2s ease;
|
@@ -424,6 +419,16 @@ select.ui.dropdown {
|
|
424
419
|
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
|
425
420
|
}
|
426
421
|
|
422
|
+
/* Disabled */
|
423
|
+
.ui.selection.dropdown.disabled,
|
424
|
+
.ui.selection.dropdown.disabled:hover {
|
425
|
+
cursor: default;
|
426
|
+
box-shadow: none;
|
427
|
+
color: rgba(0, 0, 0, 0.8);
|
428
|
+
border: 1px solid rgba(39, 41, 43, 0.15);
|
429
|
+
opacity: 0.3 !important;
|
430
|
+
}
|
431
|
+
|
427
432
|
/* Visible Hover */
|
428
433
|
.ui.selection.visible.dropdown:hover {
|
429
434
|
border-color: rgba(39, 41, 43, 0.3);
|
@@ -431,7 +436,7 @@ select.ui.dropdown {
|
|
431
436
|
}
|
432
437
|
.ui.selection.visible.dropdown:hover .menu {
|
433
438
|
border: 1px solid rgba(39, 41, 43, 0.3);
|
434
|
-
box-shadow: 0px
|
439
|
+
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
|
435
440
|
}
|
436
441
|
|
437
442
|
/* Visible */
|
@@ -469,29 +474,45 @@ select.ui.dropdown {
|
|
469
474
|
|
470
475
|
/* Search Dropdown */
|
471
476
|
.ui.search.dropdown > input.search {
|
472
|
-
background: none transparent;
|
473
|
-
border: none;
|
474
|
-
box-shadow: none;
|
475
|
-
cursor: pointer;
|
476
|
-
position: absolute;
|
477
|
+
background: none transparent !important;
|
478
|
+
border: none !important;
|
479
|
+
box-shadow: none !important;
|
477
480
|
border-radius: 0em !important;
|
481
|
+
cursor: pointer;
|
478
482
|
top: 0em;
|
479
483
|
left: 0em;
|
480
484
|
width: 100%;
|
481
485
|
outline: none;
|
482
486
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
483
487
|
padding: inherit;
|
484
|
-
|
488
|
+
}
|
489
|
+
|
490
|
+
/* Text Layering */
|
491
|
+
.ui.search.dropdown > input.search {
|
492
|
+
position: absolute;
|
493
|
+
z-index: 2;
|
494
|
+
}
|
495
|
+
.ui.search.dropdown > .text {
|
496
|
+
cursor: text;
|
497
|
+
position: relative;
|
498
|
+
z-index: 3;
|
485
499
|
}
|
486
500
|
|
487
501
|
/* Search Selection */
|
488
502
|
.ui.search.selection.dropdown > input.search {
|
489
|
-
line-height: 1.
|
503
|
+
line-height: 1.2142em;
|
504
|
+
padding: 0.6929em 1.1em;
|
490
505
|
}
|
506
|
+
|
507
|
+
/* Active/Visible Search */
|
491
508
|
.ui.search.dropdown.active > input.search,
|
492
509
|
.ui.search.dropdown.visible > input.search {
|
493
510
|
cursor: auto;
|
494
511
|
}
|
512
|
+
.ui.search.dropdown.active > .text,
|
513
|
+
.ui.search.dropdown.visible > .text {
|
514
|
+
pointer-events: none;
|
515
|
+
}
|
495
516
|
.ui.active.search.dropdown > input.search:focus + .text {
|
496
517
|
color: rgba(0, 0, 0, 0.4) !important;
|
497
518
|
}
|
@@ -665,6 +686,18 @@ select.ui.dropdown {
|
|
665
686
|
background-color: #fdcfcf;
|
666
687
|
}
|
667
688
|
|
689
|
+
/*--------------------
|
690
|
+
Disabled
|
691
|
+
----------------------*/
|
692
|
+
|
693
|
+
|
694
|
+
/* Disabled */
|
695
|
+
.ui.disabled.dropdown {
|
696
|
+
cursor: default;
|
697
|
+
pointer-events: none;
|
698
|
+
opacity: 0.3;
|
699
|
+
}
|
700
|
+
|
668
701
|
|
669
702
|
/*******************************
|
670
703
|
Variations
|
@@ -700,6 +733,59 @@ select.ui.dropdown {
|
|
700
733
|
float: left;
|
701
734
|
margin: 0.2em 0.75em 0em 0em;
|
702
735
|
}
|
736
|
+
.ui.dropdown .item .left.dropdown.icon,
|
737
|
+
.ui.dropdown .left.menu .item .dropdown.icon {
|
738
|
+
width: auto;
|
739
|
+
float: left;
|
740
|
+
margin: 0.2em 0.75em 0em 0em;
|
741
|
+
}
|
742
|
+
.ui.dropdown .item .left.dropdown.icon + .text,
|
743
|
+
.ui.dropdown .left.menu .item .dropdown.icon + .text {
|
744
|
+
margin-left: 1em;
|
745
|
+
}
|
746
|
+
|
747
|
+
/*--------------
|
748
|
+
Upward
|
749
|
+
---------------*/
|
750
|
+
|
751
|
+
.ui.upward.dropdown > .menu {
|
752
|
+
top: auto;
|
753
|
+
bottom: 100%;
|
754
|
+
box-shadow: 0px 0px 4px 0px rgba(39, 41, 43, 0.15);
|
755
|
+
border-radius: 0.2857rem 0.2857rem 0em 0em;
|
756
|
+
}
|
757
|
+
|
758
|
+
/* Active Upward */
|
759
|
+
.ui.simple.upward.active.dropdown,
|
760
|
+
.ui.simple.upward.dropdown:hover {
|
761
|
+
border-radius: 0.2857rem 0.2857rem 0em 0em !important;
|
762
|
+
}
|
763
|
+
.ui.upward.dropdown.button:not(.pointing):not(.floating).active,
|
764
|
+
.ui.upward.dropdown.button:not(.pointing):not(.floating).visible {
|
765
|
+
border-radius: 0.2857rem 0.2857rem 0em 0em;
|
766
|
+
}
|
767
|
+
|
768
|
+
/* Selection */
|
769
|
+
.ui.upward.selection.dropdown .menu {
|
770
|
+
border-top-width: 1px !important;
|
771
|
+
border-bottom-width: 0px !important;
|
772
|
+
}
|
773
|
+
.ui.upward.selection.dropdown:hover {
|
774
|
+
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
|
775
|
+
}
|
776
|
+
.ui.upward.selection.visible.dropdown:hover {
|
777
|
+
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05);
|
778
|
+
}
|
779
|
+
.ui.active.upward.selection.dropdown,
|
780
|
+
.ui.visible.upward.selection.dropdown {
|
781
|
+
border-radius: 0em 0em 0.2857rem 0.2857rem !important;
|
782
|
+
}
|
783
|
+
.ui.upward.selection.dropdown.visible {
|
784
|
+
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
|
785
|
+
}
|
786
|
+
.ui.upward.selection.visible.dropdown:hover .menu {
|
787
|
+
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
|
788
|
+
}
|
703
789
|
|
704
790
|
/*--------------
|
705
791
|
Simple
|