semantic-ui-sass 1.7.0.0 → 1.7.3.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/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
|