semantic-ui-sass 2.0.7.0 → 2.1.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/app/assets/javascripts/semantic-ui/accordion.js +17 -13
- data/app/assets/javascripts/semantic-ui/api.js +25 -7
- data/app/assets/javascripts/semantic-ui/checkbox.js +124 -48
- data/app/assets/javascripts/semantic-ui/dropdown.js +193 -108
- data/app/assets/javascripts/semantic-ui/embed.js +1 -4
- data/app/assets/javascripts/semantic-ui/form.js +125 -12
- data/app/assets/javascripts/semantic-ui/modal.js +13 -13
- data/app/assets/javascripts/semantic-ui/nag.js +11 -1
- data/app/assets/javascripts/semantic-ui/popup.js +23 -10
- data/app/assets/javascripts/semantic-ui/search.js +83 -54
- data/app/assets/javascripts/semantic-ui/sticky.js +34 -32
- data/app/assets/javascripts/semantic-ui/tab.js +8 -7
- data/app/assets/javascripts/semantic-ui/transition.js +5 -5
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +102 -31
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +159 -10
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +151 -60
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +18 -1
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +187 -97
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +29 -5
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +6 -3
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -3
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +23 -38
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +69 -39
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +423 -222
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +16 -1
- 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 +5 -13
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +9 -6
- 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 +7 -7
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +26 -9
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
- 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 -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 +1 -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 +7 -7
- 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.
|
2
|
+
* # Semantic UI 2.1.3 - Container
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -24,13 +24,19 @@
|
|
24
24
|
/* Mobile */
|
25
25
|
@media only screen and (max-width: 767px) {
|
26
26
|
.ui.container {
|
27
|
-
width: auto;
|
27
|
+
width: auto !important;
|
28
28
|
margin-left: 1em !important;
|
29
29
|
margin-right: 1em !important;
|
30
30
|
}
|
31
31
|
.ui.grid.container {
|
32
32
|
width: auto !important;
|
33
33
|
}
|
34
|
+
.ui.relaxed.grid.container {
|
35
|
+
width: auto !important;
|
36
|
+
}
|
37
|
+
.ui.very.relaxed.grid.container {
|
38
|
+
width: auto !important;
|
39
|
+
}
|
34
40
|
}
|
35
41
|
|
36
42
|
/* Tablet */
|
@@ -41,7 +47,13 @@
|
|
41
47
|
margin-right: auto !important;
|
42
48
|
}
|
43
49
|
.ui.grid.container {
|
44
|
-
width: calc( 723px +
|
50
|
+
width: calc( 723px + 2rem ) !important;
|
51
|
+
}
|
52
|
+
.ui.relaxed.grid.container {
|
53
|
+
width: calc( 723px + 3rem ) !important;
|
54
|
+
}
|
55
|
+
.ui.very.relaxed.grid.container {
|
56
|
+
width: calc( 723px + 5rem ) !important;
|
45
57
|
}
|
46
58
|
}
|
47
59
|
|
@@ -53,7 +65,13 @@
|
|
53
65
|
margin-right: auto !important;
|
54
66
|
}
|
55
67
|
.ui.grid.container {
|
56
|
-
width: calc( 933px +
|
68
|
+
width: calc( 933px + 2rem ) !important;
|
69
|
+
}
|
70
|
+
.ui.relaxed.grid.container {
|
71
|
+
width: calc( 933px + 3rem ) !important;
|
72
|
+
}
|
73
|
+
.ui.very.relaxed.grid.container {
|
74
|
+
width: calc( 933px + 5rem ) !important;
|
57
75
|
}
|
58
76
|
}
|
59
77
|
|
@@ -65,7 +83,13 @@
|
|
65
83
|
margin-right: auto !important;
|
66
84
|
}
|
67
85
|
.ui.grid.container {
|
68
|
-
width: calc( 1127px +
|
86
|
+
width: calc( 1127px + 2rem ) !important;
|
87
|
+
}
|
88
|
+
.ui.relaxed.grid.container {
|
89
|
+
width: calc( 1127px + 3rem ) !important;
|
90
|
+
}
|
91
|
+
.ui.very.relaxed.grid.container {
|
92
|
+
width: calc( 1127px + 5rem ) !important;
|
69
93
|
}
|
70
94
|
}
|
71
95
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.1.3 - Divider
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -42,8 +42,11 @@
|
|
42
42
|
Coupling
|
43
43
|
---------------*/
|
44
44
|
|
45
|
-
|
46
|
-
|
45
|
+
|
46
|
+
/* Allow divider between each column row */
|
47
|
+
.ui.grid > .column + .divider,
|
48
|
+
.ui.grid > .row > .column + .divider {
|
49
|
+
left: auto;
|
47
50
|
}
|
48
51
|
|
49
52
|
/*--------------
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.1.3 - Header
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -670,12 +670,10 @@ a.ui.inverted.grey.header:hover {
|
|
670
670
|
margin-top: 0em;
|
671
671
|
margin-bottom: 0em;
|
672
672
|
border-top: none;
|
673
|
-
border-bottom: none;
|
674
673
|
border-radius: 0em;
|
675
674
|
}
|
676
675
|
.ui.top.attached.header {
|
677
676
|
margin-bottom: 0em;
|
678
|
-
border-bottom: none;
|
679
677
|
border-radius: 0.28571429rem 0.28571429rem 0em 0em;
|
680
678
|
}
|
681
679
|
.ui.bottom.attached.header {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.1.3 - Icon
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -89,13 +89,13 @@ i.icon.loading {
|
|
89
89
|
*******************************/
|
90
90
|
|
91
91
|
i.icon.hover {
|
92
|
-
opacity: 1;
|
92
|
+
opacity: 1 !important;
|
93
93
|
}
|
94
94
|
i.icon.active {
|
95
|
-
opacity: 1;
|
95
|
+
opacity: 1 !important;
|
96
96
|
}
|
97
97
|
i.emphasized.icon {
|
98
|
-
opacity: 1;
|
98
|
+
opacity: 1 !important;
|
99
99
|
}
|
100
100
|
i.disabled.icon {
|
101
101
|
opacity: 0.45 !important;
|
@@ -107,6 +107,15 @@ i.disabled.icon {
|
|
107
107
|
*******************************/
|
108
108
|
|
109
109
|
|
110
|
+
/*-------------------
|
111
|
+
Fitted
|
112
|
+
--------------------*/
|
113
|
+
|
114
|
+
i.fitted.icon {
|
115
|
+
width: auto;
|
116
|
+
margin: 0em;
|
117
|
+
}
|
118
|
+
|
110
119
|
/*-------------------
|
111
120
|
Link
|
112
121
|
--------------------*/
|
@@ -382,6 +391,16 @@ i.inverted.circular.black.icon {
|
|
382
391
|
Sizes
|
383
392
|
--------------------*/
|
384
393
|
|
394
|
+
i.mini.icon,
|
395
|
+
i.mini.icons {
|
396
|
+
line-height: 1;
|
397
|
+
font-size: 0.71428571rem;
|
398
|
+
}
|
399
|
+
i.tiny.icon,
|
400
|
+
i.tiny.icons {
|
401
|
+
line-height: 1;
|
402
|
+
font-size: 0.85714286rem;
|
403
|
+
}
|
385
404
|
i.small.icon,
|
386
405
|
i.small.icons {
|
387
406
|
line-height: 1;
|
@@ -2109,9 +2128,6 @@ i.icon.video:before {
|
|
2109
2128
|
i.icon.check:before {
|
2110
2129
|
content: "\f00c";
|
2111
2130
|
}
|
2112
|
-
i.icon.remove:before {
|
2113
|
-
content: "\f00d";
|
2114
|
-
}
|
2115
2131
|
i.icon.close:before {
|
2116
2132
|
content: "\f00d";
|
2117
2133
|
}
|
@@ -2160,9 +2176,6 @@ i.icon.play.circle.outline:before {
|
|
2160
2176
|
i.icon.headphone:before {
|
2161
2177
|
content: "\f025";
|
2162
2178
|
}
|
2163
|
-
i.icon.volume.off:before {
|
2164
|
-
content: "\f026";
|
2165
|
-
}
|
2166
2179
|
i.icon.camera:before {
|
2167
2180
|
content: "\f030";
|
2168
2181
|
}
|
@@ -2190,9 +2203,6 @@ i.icon.signup:before {
|
|
2190
2203
|
i.icon.plus.circle:before {
|
2191
2204
|
content: "\f055";
|
2192
2205
|
}
|
2193
|
-
i.icon.minus.circle:before {
|
2194
|
-
content: "\f056";
|
2195
|
-
}
|
2196
2206
|
i.icon.dont:before {
|
2197
2207
|
content: "\f05e";
|
2198
2208
|
}
|
@@ -2238,9 +2248,6 @@ i.icon.line.graph:before {
|
|
2238
2248
|
i.icon.key:before {
|
2239
2249
|
content: "\f084";
|
2240
2250
|
}
|
2241
|
-
i.icon.privacy:before {
|
2242
|
-
content: "\f084";
|
2243
|
-
}
|
2244
2251
|
i.icon.cogs:before {
|
2245
2252
|
content: "\f085";
|
2246
2253
|
}
|
@@ -2367,21 +2374,12 @@ i.icon.envelope:before {
|
|
2367
2374
|
i.icon.conversation:before {
|
2368
2375
|
content: "\f0e6";
|
2369
2376
|
}
|
2370
|
-
i.icon.lightning:before {
|
2371
|
-
content: "\f0e7";
|
2372
|
-
}
|
2373
2377
|
i.icon.umbrella:before {
|
2374
2378
|
content: "\f0e9";
|
2375
2379
|
}
|
2376
2380
|
i.icon.lightbulb:before {
|
2377
2381
|
content: "\f0eb";
|
2378
2382
|
}
|
2379
|
-
i.icon.suitcase:before {
|
2380
|
-
content: "\f0f2";
|
2381
|
-
}
|
2382
|
-
i.icon.bell.outline:before {
|
2383
|
-
content: "\f0a2";
|
2384
|
-
}
|
2385
2383
|
i.icon.ambulance:before {
|
2386
2384
|
content: "\f0f9";
|
2387
2385
|
}
|
@@ -2421,9 +2419,6 @@ i.icon.star.half.full:before {
|
|
2421
2419
|
i.icon.question:before {
|
2422
2420
|
content: "\f128";
|
2423
2421
|
}
|
2424
|
-
i.icon.attention:before {
|
2425
|
-
content: "\f12a";
|
2426
|
-
}
|
2427
2422
|
i.icon.eraser:before {
|
2428
2423
|
content: "\f12d";
|
2429
2424
|
}
|
@@ -2472,7 +2467,6 @@ i.icon.rouble:before,
|
|
2472
2467
|
i.icon.rub:before {
|
2473
2468
|
content: "\f158";
|
2474
2469
|
}
|
2475
|
-
i.icon.won:before,
|
2476
2470
|
i.icon.krw:before {
|
2477
2471
|
content: "\f159";
|
2478
2472
|
}
|
@@ -2501,9 +2495,6 @@ i.icon.wi-fi:before {
|
|
2501
2495
|
i.icon.graduation:before {
|
2502
2496
|
content: "\f19d";
|
2503
2497
|
}
|
2504
|
-
i.icon.\33d:before {
|
2505
|
-
content: "\f1b2";
|
2506
|
-
}
|
2507
2498
|
i.icon.weixin:before {
|
2508
2499
|
content: "\f1d7";
|
2509
2500
|
}
|
@@ -2528,9 +2519,6 @@ i.icon.tty:before {
|
|
2528
2519
|
i.icon.cc:before {
|
2529
2520
|
content: "\f20a";
|
2530
2521
|
}
|
2531
|
-
i.icon.ils:before {
|
2532
|
-
content: "\f20b";
|
2533
|
-
}
|
2534
2522
|
i.icon.plus.cart:before {
|
2535
2523
|
content: "\f217";
|
2536
2524
|
}
|
@@ -2582,9 +2570,6 @@ i.icon.mars.stroke.vertical:before {
|
|
2582
2570
|
i.icon.mars.stroke.horizontal:before {
|
2583
2571
|
content: "\f22b";
|
2584
2572
|
}
|
2585
|
-
i.icon.neuter:before {
|
2586
|
-
content: "\f22c";
|
2587
|
-
}
|
2588
2573
|
i.icon.facebook.official {
|
2589
2574
|
content: "\f230";
|
2590
2575
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.1.3 - Input
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -21,6 +21,8 @@
|
|
21
21
|
|
22
22
|
.ui.input {
|
23
23
|
position: relative;
|
24
|
+
font-weight: normal;
|
25
|
+
font-style: normal;
|
24
26
|
display: -webkit-inline-box;
|
25
27
|
display: -webkit-inline-flex;
|
26
28
|
display: -ms-inline-flexbox;
|
@@ -44,8 +46,8 @@
|
|
44
46
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
45
47
|
color: rgba(0, 0, 0, 0.87);
|
46
48
|
border-radius: 0.28571429rem;
|
47
|
-
-webkit-transition:
|
48
|
-
transition:
|
49
|
+
-webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
|
50
|
+
transition: box-shadow 0.1s ease, border-color 0.1s ease;
|
49
51
|
box-shadow: none;
|
50
52
|
}
|
51
53
|
|
@@ -71,6 +73,18 @@
|
|
71
73
|
*******************************/
|
72
74
|
|
73
75
|
|
76
|
+
/*--------------------
|
77
|
+
Disabled
|
78
|
+
---------------------*/
|
79
|
+
|
80
|
+
.ui.disabled.input,
|
81
|
+
.ui.input input[disabled] {
|
82
|
+
opacity: 0.45;
|
83
|
+
}
|
84
|
+
.ui.disabled.input input {
|
85
|
+
pointer-events: none;
|
86
|
+
}
|
87
|
+
|
74
88
|
/*--------------------
|
75
89
|
Active
|
76
90
|
---------------------*/
|
@@ -123,21 +137,21 @@
|
|
123
137
|
|
124
138
|
.ui.input.focus input,
|
125
139
|
.ui.input input:focus {
|
126
|
-
border-color:
|
140
|
+
border-color: #85b7d9;
|
127
141
|
background: #ffffff;
|
128
142
|
color: rgba(0, 0, 0, 0.8);
|
129
143
|
box-shadow: none;
|
130
144
|
}
|
131
145
|
.ui.input.focus input::-webkit-input-placeholder,
|
132
|
-
.ui.input input:focus
|
146
|
+
.ui.input input:focus::-webkit-input-placeholder {
|
133
147
|
color: rgba(0, 0, 0, 0.87);
|
134
148
|
}
|
135
149
|
.ui.input.focus input::-moz-placeholder,
|
136
|
-
.ui.input input:focus
|
150
|
+
.ui.input input:focus::-moz-placeholder {
|
137
151
|
color: rgba(0, 0, 0, 0.87);
|
138
152
|
}
|
139
153
|
.ui.input.focus input::-ms-input-placeholder,
|
140
|
-
.ui.input input:focus
|
154
|
+
.ui.input input:focus::-ms-input-placeholder {
|
141
155
|
color: rgba(0, 0, 0, 0.87);
|
142
156
|
}
|
143
157
|
|
@@ -148,30 +162,30 @@
|
|
148
162
|
.ui.input.error input {
|
149
163
|
background-color: #fff6f6;
|
150
164
|
border-color: #e0b4b4;
|
151
|
-
color: #
|
165
|
+
color: #9f3a38;
|
152
166
|
box-shadow: none;
|
153
167
|
}
|
154
168
|
|
155
169
|
/* Error Placeholder */
|
156
|
-
.ui.input.error input
|
157
|
-
color:
|
170
|
+
.ui.input.error input::-webkit-input-placeholder {
|
171
|
+
color: #e7bdbc;
|
158
172
|
}
|
159
|
-
.ui.input.error input
|
160
|
-
color:
|
173
|
+
.ui.input.error input::-moz-placeholder {
|
174
|
+
color: #e7bdbc;
|
161
175
|
}
|
162
|
-
.ui.input.error input
|
163
|
-
color:
|
176
|
+
.ui.input.error input::-ms-input-placeholder {
|
177
|
+
color: #e7bdbc;
|
164
178
|
}
|
165
179
|
|
166
180
|
/* Focused Error Placeholder */
|
167
|
-
.ui.input.error input
|
168
|
-
color:
|
181
|
+
.ui.input.error input:focus::-webkit-input-placeholder {
|
182
|
+
color: #da9796;
|
169
183
|
}
|
170
|
-
.ui.input.error input
|
171
|
-
color:
|
184
|
+
.ui.input.error input:focus::-moz-placeholder {
|
185
|
+
color: #da9796;
|
172
186
|
}
|
173
|
-
.ui.input.error input
|
174
|
-
color:
|
187
|
+
.ui.input.error input:focus::-ms-input-placeholder {
|
188
|
+
color: #da9796;
|
175
189
|
}
|
176
190
|
|
177
191
|
|
@@ -303,26 +317,32 @@
|
|
303
317
|
}
|
304
318
|
|
305
319
|
/* Regular Label on Left */
|
306
|
-
.ui.labeled.input:not([class*="corner labeled"]):
|
307
|
-
border-
|
320
|
+
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
|
321
|
+
border-top-right-radius: 0px;
|
322
|
+
border-bottom-right-radius: 0px;
|
323
|
+
}
|
324
|
+
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
|
308
325
|
border-top-left-radius: 0px;
|
309
326
|
border-bottom-left-radius: 0px;
|
327
|
+
border-left-color: transparent;
|
310
328
|
}
|
311
|
-
.ui.labeled.input:not([class*="corner labeled"]):
|
312
|
-
border-
|
313
|
-
border-bottom-right-radius: 0px;
|
329
|
+
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
|
330
|
+
border-left-color: #85b7d9;
|
314
331
|
}
|
315
332
|
|
316
333
|
/* Regular Label on Right */
|
317
|
-
.ui[class*="right labeled"].input
|
318
|
-
border-right: none;
|
334
|
+
.ui[class*="right labeled"].input input {
|
319
335
|
border-top-right-radius: 0px !important;
|
320
336
|
border-bottom-right-radius: 0px !important;
|
337
|
+
border-right-color: transparent !important;
|
321
338
|
}
|
322
|
-
.ui[class*="right labeled"].input
|
339
|
+
.ui[class*="right labeled"].input input + .label {
|
323
340
|
border-top-left-radius: 0px;
|
324
341
|
border-bottom-left-radius: 0px;
|
325
342
|
}
|
343
|
+
.ui[class*="right labeled"].input input:focus {
|
344
|
+
border-right-color: #85b7d9 !important;
|
345
|
+
}
|
326
346
|
|
327
347
|
/* Corner Label */
|
328
348
|
.ui.labeled.input .corner.label {
|
@@ -333,24 +353,24 @@
|
|
333
353
|
}
|
334
354
|
|
335
355
|
/* Spacing with corner label */
|
336
|
-
.ui[class*="corner labeled"]:not(
|
356
|
+
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
|
337
357
|
padding-right: 2.5em !important;
|
338
358
|
}
|
339
|
-
.ui[class*="corner labeled"].icon.input:not(
|
359
|
+
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
|
340
360
|
padding-right: 3.25em !important;
|
341
361
|
}
|
342
|
-
.ui[class*="corner labeled"].icon.input:not(
|
362
|
+
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
|
343
363
|
margin-right: 1.25em;
|
344
364
|
}
|
345
365
|
|
346
366
|
/* Left Labeled */
|
347
|
-
.ui[class*="corner labeled"].
|
367
|
+
.ui[class*="left corner labeled"].labeled.input input {
|
348
368
|
padding-left: 2.5em !important;
|
349
369
|
}
|
350
|
-
.ui[class*="corner labeled"].icon.input
|
370
|
+
.ui[class*="left corner labeled"].icon.input > input {
|
351
371
|
padding-left: 3.25em !important;
|
352
372
|
}
|
353
|
-
.ui[class*="corner labeled"].icon.input
|
373
|
+
.ui[class*="left corner labeled"].icon.input > .icon {
|
354
374
|
margin-left: 1.25em;
|
355
375
|
}
|
356
376
|
|
@@ -392,9 +412,9 @@
|
|
392
412
|
|
393
413
|
/* Button on Right */
|
394
414
|
.ui.action.input:not([class*="left action"]) > input {
|
395
|
-
border-right: none;
|
396
415
|
border-top-right-radius: 0px !important;
|
397
416
|
border-bottom-right-radius: 0px !important;
|
417
|
+
border-right-color: transparent !important;
|
398
418
|
}
|
399
419
|
.ui.action.input:not([class*="left action"]) > .dropdown,
|
400
420
|
.ui.action.input:not([class*="left action"]) > .button,
|
@@ -407,7 +427,17 @@
|
|
407
427
|
border-radius: 0px 0.28571429rem 0.28571429rem 0px;
|
408
428
|
}
|
409
429
|
|
430
|
+
/* Input Focus */
|
431
|
+
.ui.action.input:not([class*="left action"]) input:focus {
|
432
|
+
border-right-color: #85b7d9 !important;
|
433
|
+
}
|
434
|
+
|
410
435
|
/* Button on Left */
|
436
|
+
.ui[class*="left action"].input > input {
|
437
|
+
border-top-left-radius: 0px !important;
|
438
|
+
border-bottom-left-radius: 0px !important;
|
439
|
+
border-left-color: transparent !important;
|
440
|
+
}
|
411
441
|
.ui[class*="left action"].input > .dropdown,
|
412
442
|
.ui[class*="left action"].input > .button,
|
413
443
|
.ui[class*="left action"].input > .buttons > .button {
|
@@ -418,10 +448,10 @@
|
|
418
448
|
.ui[class*="left action"].input > .buttons:first-child > .button {
|
419
449
|
border-radius: 0.28571429rem 0px 0px 0.28571429rem;
|
420
450
|
}
|
421
|
-
|
422
|
-
|
423
|
-
|
424
|
-
border-
|
451
|
+
|
452
|
+
/* Input Focus */
|
453
|
+
.ui[class*="left action"].input > input:focus {
|
454
|
+
border-left-color: #85b7d9 !important;
|
425
455
|
}
|
426
456
|
|
427
457
|
/*--------------------
|