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.
- checksums.yaml +4 -4
- data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
- data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
- data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
- data/app/assets/javascripts/semantic-ui/accordion.js +569 -596
- data/app/assets/javascripts/semantic-ui/api.js +1158 -1180
- data/app/assets/javascripts/semantic-ui/calendar.js +1935 -1810
- data/app/assets/javascripts/semantic-ui/checkbox.js +843 -842
- data/app/assets/javascripts/semantic-ui/dimmer.js +707 -738
- data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4237
- data/app/assets/javascripts/semantic-ui/embed.js +646 -676
- data/app/assets/javascripts/semantic-ui/flyout.js +1515 -1466
- data/app/assets/javascripts/semantic-ui/form.js +2023 -2005
- data/app/assets/javascripts/semantic-ui/modal.js +1545 -1487
- data/app/assets/javascripts/semantic-ui/nag.js +521 -527
- data/app/assets/javascripts/semantic-ui/popup.js +1457 -1457
- data/app/assets/javascripts/semantic-ui/progress.js +970 -998
- data/app/assets/javascripts/semantic-ui/rating.js +508 -524
- data/app/assets/javascripts/semantic-ui/search.js +1521 -1535
- data/app/assets/javascripts/semantic-ui/shape.js +784 -811
- data/app/assets/javascripts/semantic-ui/sidebar.js +1062 -1100
- data/app/assets/javascripts/semantic-ui/site.js +437 -477
- data/app/assets/javascripts/semantic-ui/slider.js +1311 -1312
- data/app/assets/javascripts/semantic-ui/state.js +639 -658
- data/app/assets/javascripts/semantic-ui/sticky.js +848 -902
- data/app/assets/javascripts/semantic-ui/tab.js +903 -967
- data/app/assets/javascripts/semantic-ui/toast.js +911 -885
- data/app/assets/javascripts/semantic-ui/transition.js +1049 -1078
- data/app/assets/javascripts/semantic-ui/visibility.js +1214 -1246
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +246 -341
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +185 -331
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +272 -433
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +127 -199
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +549 -776
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +711 -1123
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +9 -8
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +45 -63
- data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +3556 -3556
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +272 -270
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +120 -144
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +667 -747
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +358 -276
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +361 -412
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +51 -72
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +69 -157
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +24 -44
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +17 -22
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +46 -85
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +150 -226
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +79 -152
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +33 -33
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -15
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +30 -43
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +37 -55
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +26 -29
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +122 -193
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +55 -174
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +254 -388
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +20 -31
- data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +97 -143
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +122 -156
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +426 -204
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +83 -124
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +71 -100
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +105 -208
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +93 -121
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +12 -16
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +71 -149
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +36 -47
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +221 -367
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +43 -61
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +37 -59
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -133
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +77 -118
- data/lib/fomantic/ui/sass/version.rb +2 -2
- data/tasks/converter.rb +1 -1
- metadata +17 -1
@@ -1,11 +1,11 @@
|
|
1
1
|
/*
|
2
2
|
* # Fomantic - Menu
|
3
|
-
*
|
3
|
+
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Copyright 2015 Contributor
|
7
7
|
* Released under the MIT license
|
8
|
-
*
|
8
|
+
* https://opensource.org/licenses/MIT
|
9
9
|
*
|
10
10
|
*/
|
11
11
|
|
@@ -15,26 +15,22 @@
|
|
15
15
|
*******************************/
|
16
16
|
|
17
17
|
|
18
|
-
|
18
|
+
/* --------------
|
19
19
|
Menu
|
20
|
-
|
21
|
-
|
20
|
+
--------------- */
|
22
21
|
.ui.menu {
|
23
|
-
display: -webkit-box;
|
24
|
-
display: -ms-flexbox;
|
25
22
|
display: flex;
|
26
23
|
margin: 1rem 0;
|
27
|
-
font-family:
|
28
|
-
background: #
|
24
|
+
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";
|
25
|
+
background: #fff;
|
29
26
|
font-weight: normal;
|
30
27
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
31
|
-
|
32
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
28
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
33
29
|
border-radius: 0.28571429rem;
|
34
30
|
min-height: 2.85714286em;
|
35
31
|
}
|
36
32
|
.ui.menu::after {
|
37
|
-
content:
|
33
|
+
content: "";
|
38
34
|
display: block;
|
39
35
|
height: 0;
|
40
36
|
clear: both;
|
@@ -47,30 +43,22 @@
|
|
47
43
|
margin-bottom: 0;
|
48
44
|
}
|
49
45
|
|
50
|
-
|
46
|
+
/* --------------
|
51
47
|
Sub-Menu
|
52
|
-
|
53
|
-
|
48
|
+
--------------- */
|
54
49
|
.ui.menu .menu {
|
55
50
|
margin: 0;
|
56
51
|
}
|
57
52
|
.ui.menu:not(.vertical) > .menu {
|
58
|
-
display: -webkit-box;
|
59
|
-
display: -ms-flexbox;
|
60
53
|
display: flex;
|
61
54
|
}
|
62
55
|
|
63
|
-
|
56
|
+
/* --------------
|
64
57
|
Item
|
65
|
-
|
66
|
-
|
58
|
+
--------------- */
|
67
59
|
.ui.menu:not(.vertical) .item {
|
68
|
-
display: -webkit-box;
|
69
|
-
display: -ms-flexbox;
|
70
60
|
display: flex;
|
71
|
-
-
|
72
|
-
-ms-flex-align: center;
|
73
|
-
align-items: center;
|
61
|
+
align-items: center;
|
74
62
|
}
|
75
63
|
.ui.menu .item {
|
76
64
|
position: relative;
|
@@ -78,11 +66,8 @@
|
|
78
66
|
line-height: 1;
|
79
67
|
text-decoration: none;
|
80
68
|
-webkit-tap-highlight-color: transparent;
|
81
|
-
|
82
|
-
-ms-flex: 0 0 auto;
|
83
|
-
flex: 0 0 auto;
|
69
|
+
flex: 0 0 auto;
|
84
70
|
-webkit-user-select: none;
|
85
|
-
-moz-user-select: none;
|
86
71
|
-ms-user-select: none;
|
87
72
|
user-select: none;
|
88
73
|
background: none;
|
@@ -90,10 +75,7 @@
|
|
90
75
|
text-transform: none;
|
91
76
|
color: rgba(0, 0, 0, 0.87);
|
92
77
|
font-weight: normal;
|
93
|
-
-webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
94
|
-
transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
95
78
|
transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
|
96
|
-
transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
|
97
79
|
}
|
98
80
|
.ui.menu > .item:first-child {
|
99
81
|
border-radius: 0.28571429rem 0 0 0.28571429rem;
|
@@ -102,7 +84,7 @@
|
|
102
84
|
/* Border */
|
103
85
|
.ui.menu .item::before {
|
104
86
|
position: absolute;
|
105
|
-
content:
|
87
|
+
content: "";
|
106
88
|
top: 0;
|
107
89
|
right: 0;
|
108
90
|
height: 100%;
|
@@ -110,15 +92,13 @@
|
|
110
92
|
background: rgba(34, 36, 38, 0.1);
|
111
93
|
}
|
112
94
|
|
113
|
-
|
95
|
+
/* --------------
|
114
96
|
Text Content
|
115
|
-
|
116
|
-
|
97
|
+
--------------- */
|
117
98
|
.ui.menu .text.item > *,
|
118
99
|
.ui.menu .item > a:not(.ui),
|
119
100
|
.ui.menu .item > p:only-child {
|
120
101
|
-webkit-user-select: text;
|
121
|
-
-moz-user-select: text;
|
122
102
|
-ms-user-select: text;
|
123
103
|
user-select: text;
|
124
104
|
line-height: 1.3;
|
@@ -130,20 +110,18 @@
|
|
130
110
|
margin-bottom: 0;
|
131
111
|
}
|
132
112
|
|
133
|
-
|
113
|
+
/* --------------
|
134
114
|
Icons
|
135
|
-
|
136
|
-
|
115
|
+
--------------- */
|
137
116
|
.ui.menu .item > i.icon {
|
138
117
|
opacity: 0.9;
|
139
118
|
float: none;
|
140
119
|
margin: 0 0.35714286em 0 0;
|
141
120
|
}
|
142
121
|
|
143
|
-
|
122
|
+
/* --------------
|
144
123
|
Button
|
145
|
-
|
146
|
-
|
124
|
+
--------------- */
|
147
125
|
.ui.menu:not(.vertical) .item > .button {
|
148
126
|
position: relative;
|
149
127
|
top: 0;
|
@@ -153,28 +131,19 @@
|
|
153
131
|
font-size: 1em;
|
154
132
|
}
|
155
133
|
|
156
|
-
|
134
|
+
/* ----------------
|
157
135
|
Grid / Container
|
158
|
-
|
159
|
-
|
136
|
+
----------------- */
|
160
137
|
.ui.menu > .grid,
|
161
138
|
.ui.menu > .container {
|
162
|
-
display: -webkit-box;
|
163
|
-
display: -ms-flexbox;
|
164
139
|
display: flex;
|
165
|
-
-
|
166
|
-
|
167
|
-
align-items: inherit;
|
168
|
-
-webkit-box-orient: inherit;
|
169
|
-
-webkit-box-direction: inherit;
|
170
|
-
-ms-flex-direction: inherit;
|
171
|
-
flex-direction: inherit;
|
140
|
+
align-items: inherit;
|
141
|
+
flex-direction: inherit;
|
172
142
|
}
|
173
143
|
|
174
|
-
|
144
|
+
/* --------------
|
175
145
|
Inputs
|
176
|
-
|
177
|
-
|
146
|
+
--------------- */
|
178
147
|
.ui.menu .item > .input {
|
179
148
|
width: 100%;
|
180
149
|
}
|
@@ -189,14 +158,13 @@
|
|
189
158
|
padding-bottom: 0.57142857em;
|
190
159
|
}
|
191
160
|
|
192
|
-
|
161
|
+
/* --------------
|
193
162
|
Header
|
194
|
-
|
195
|
-
|
163
|
+
--------------- */
|
196
164
|
.ui.menu .header.item,
|
197
165
|
.ui.vertical.menu .header.item {
|
198
166
|
margin: 0;
|
199
|
-
background:
|
167
|
+
background: "";
|
200
168
|
text-transform: normal;
|
201
169
|
font-weight: bold;
|
202
170
|
}
|
@@ -206,10 +174,9 @@
|
|
206
174
|
font-weight: bold;
|
207
175
|
}
|
208
176
|
|
209
|
-
|
177
|
+
/* --------------
|
210
178
|
Dropdowns
|
211
|
-
|
212
|
-
|
179
|
+
--------------- */
|
213
180
|
|
214
181
|
/* Dropdown Icon */
|
215
182
|
.ui.menu .item > i.dropdown.icon {
|
@@ -222,16 +189,12 @@
|
|
222
189
|
.ui.menu .dropdown.item .menu {
|
223
190
|
min-width: calc(100% - 1px);
|
224
191
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
225
|
-
background: #
|
192
|
+
background: #fff;
|
226
193
|
margin: 0 0 0;
|
227
|
-
|
228
|
-
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
|
194
|
+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
|
229
195
|
}
|
230
196
|
.ui.menu .dropdown.item:not(.column) .menu {
|
231
|
-
-
|
232
|
-
-webkit-box-direction: normal;
|
233
|
-
-ms-flex-direction: column;
|
234
|
-
flex-direction: column;
|
197
|
+
flex-direction: column;
|
235
198
|
}
|
236
199
|
|
237
200
|
/* Menu Items */
|
@@ -244,9 +207,7 @@
|
|
244
207
|
color: rgba(0, 0, 0, 0.87) !important;
|
245
208
|
text-transform: none !important;
|
246
209
|
font-weight: normal !important;
|
247
|
-
|
248
|
-
box-shadow: none !important;
|
249
|
-
-webkit-transition: none !important;
|
210
|
+
box-shadow: none !important;
|
250
211
|
transition: none !important;
|
251
212
|
}
|
252
213
|
.ui.menu .ui.dropdown .menu > .item:hover {
|
@@ -303,11 +264,9 @@
|
|
303
264
|
/* IE needs 0, all others support max-content to show dropdown icon inline, so keep both settings! */
|
304
265
|
min-width: 0;
|
305
266
|
min-width: -webkit-max-content;
|
306
|
-
min-width: -moz-max-content;
|
307
267
|
min-width: max-content;
|
308
268
|
margin: 0 0 0 0;
|
309
|
-
|
310
|
-
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
|
269
|
+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
|
311
270
|
border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem;
|
312
271
|
}
|
313
272
|
.ui.vertical.menu .dropdown.item.upward .menu {
|
@@ -321,8 +280,7 @@
|
|
321
280
|
border-bottom-right-radius: 0;
|
322
281
|
}
|
323
282
|
.ui.vertical.menu .dropdown.active.item {
|
324
|
-
|
325
|
-
box-shadow: none;
|
283
|
+
box-shadow: none;
|
326
284
|
}
|
327
285
|
|
328
286
|
/* Evenly Divided */
|
@@ -330,10 +288,9 @@
|
|
330
288
|
width: 100%;
|
331
289
|
}
|
332
290
|
|
333
|
-
|
291
|
+
/* --------------
|
334
292
|
Labels
|
335
|
-
|
336
|
-
|
293
|
+
--------------- */
|
337
294
|
.ui.menu .item > .label:not(.floating) {
|
338
295
|
margin-left: 1em;
|
339
296
|
padding: 0.3em 0.78571429em;
|
@@ -347,18 +304,17 @@
|
|
347
304
|
padding: 0.3em 0.78571429em;
|
348
305
|
}
|
349
306
|
.ui.menu .item > .label {
|
350
|
-
background: #
|
351
|
-
color: #
|
307
|
+
background: #999;
|
308
|
+
color: #fff;
|
352
309
|
}
|
353
310
|
.ui.menu .item > .image.label img {
|
354
311
|
margin: -0.2833em 0.8em -0.2833em -0.8em;
|
355
312
|
height: 1.5666em;
|
356
313
|
}
|
357
314
|
|
358
|
-
|
315
|
+
/* --------------
|
359
316
|
Images
|
360
|
-
|
361
|
-
|
317
|
+
--------------- */
|
362
318
|
.ui.menu .item > img:not(.ui) {
|
363
319
|
display: inline-block;
|
364
320
|
vertical-align: middle;
|
@@ -377,20 +333,18 @@
|
|
377
333
|
*******************************/
|
378
334
|
|
379
335
|
|
380
|
-
|
336
|
+
/* --------------
|
381
337
|
List
|
382
|
-
|
383
|
-
|
338
|
+
--------------- */
|
384
339
|
|
385
340
|
/* Menu divider shouldn't apply */
|
386
341
|
.ui.menu .list .item::before {
|
387
342
|
background: none !important;
|
388
343
|
}
|
389
344
|
|
390
|
-
|
391
|
-
|
392
|
-
|
393
|
-
|
345
|
+
/* --------------
|
346
|
+
Sidebar
|
347
|
+
--------------- */
|
394
348
|
|
395
349
|
/* Show vertical dividers below last */
|
396
350
|
.ui.vertical.sidebar.menu > .item:first-child::before {
|
@@ -401,10 +355,9 @@
|
|
401
355
|
bottom: 0;
|
402
356
|
}
|
403
357
|
|
404
|
-
|
358
|
+
/* --------------
|
405
359
|
Container
|
406
|
-
|
407
|
-
|
360
|
+
--------------- */
|
408
361
|
@media only screen and (max-width: 767.98px) {
|
409
362
|
.ui.menu > .ui.container {
|
410
363
|
width: 100% !important;
|
@@ -428,10 +381,9 @@
|
|
428
381
|
*******************************/
|
429
382
|
|
430
383
|
|
431
|
-
|
384
|
+
/* --------------
|
432
385
|
Hover
|
433
|
-
|
434
|
-
|
386
|
+
--------------- */
|
435
387
|
.ui.link.menu .item:hover,
|
436
388
|
.ui.menu .dropdown.item:hover,
|
437
389
|
.ui.menu .link.item:hover,
|
@@ -441,10 +393,9 @@
|
|
441
393
|
color: rgba(0, 0, 0, 0.95);
|
442
394
|
}
|
443
395
|
|
444
|
-
|
396
|
+
/* --------------
|
445
397
|
Pressed
|
446
|
-
|
447
|
-
|
398
|
+
--------------- */
|
448
399
|
.ui.link.menu .item:active,
|
449
400
|
.ui.menu .link.item:active,
|
450
401
|
.ui.menu a.item:active {
|
@@ -452,35 +403,31 @@
|
|
452
403
|
color: rgba(0, 0, 0, 0.95);
|
453
404
|
}
|
454
405
|
|
455
|
-
|
406
|
+
/* --------------
|
456
407
|
Active
|
457
|
-
|
458
|
-
|
408
|
+
--------------- */
|
459
409
|
.ui.menu .active.item {
|
460
410
|
background: rgba(0, 0, 0, 0.05);
|
461
411
|
color: rgba(0, 0, 0, 0.95);
|
462
412
|
font-weight: normal;
|
463
|
-
|
464
|
-
box-shadow: none;
|
413
|
+
box-shadow: none;
|
465
414
|
}
|
466
415
|
.ui.menu .active.item > i.icon {
|
467
416
|
opacity: 1;
|
468
417
|
}
|
469
418
|
|
470
|
-
|
419
|
+
/* --------------
|
471
420
|
Active Hover
|
472
|
-
|
473
|
-
|
421
|
+
--------------- */
|
474
422
|
.ui.menu .active.item:hover,
|
475
423
|
.ui.vertical.menu .active.item:hover {
|
476
424
|
background-color: rgba(0, 0, 0, 0.05);
|
477
425
|
color: rgba(0, 0, 0, 0.95);
|
478
426
|
}
|
479
427
|
|
480
|
-
|
428
|
+
/* --------------
|
481
429
|
Disabled
|
482
|
-
|
483
|
-
|
430
|
+
--------------- */
|
484
431
|
.ui.ui.menu .item.disabled {
|
485
432
|
cursor: default;
|
486
433
|
background-color: transparent;
|
@@ -494,16 +441,13 @@
|
|
494
441
|
*******************************/
|
495
442
|
|
496
443
|
|
497
|
-
|
444
|
+
/* ------------------
|
498
445
|
Floated Menu / Item
|
499
|
-
|
500
|
-
|
446
|
+
------------------- */
|
501
447
|
|
502
448
|
/* Left Floated */
|
503
449
|
.ui.menu:not(.vertical) .left.item,
|
504
450
|
.ui.menu:not(.vertical) .left.menu {
|
505
|
-
display: -webkit-box;
|
506
|
-
display: -ms-flexbox;
|
507
451
|
display: flex;
|
508
452
|
margin-right: auto !important;
|
509
453
|
}
|
@@ -511,8 +455,6 @@ Floated Menu / Item
|
|
511
455
|
/* Right Floated */
|
512
456
|
.ui.menu:not(.vertical) .right.item,
|
513
457
|
.ui.menu:not(.vertical) .right.menu {
|
514
|
-
display: -webkit-box;
|
515
|
-
display: -ms-flexbox;
|
516
458
|
display: flex;
|
517
459
|
margin-left: auto !important;
|
518
460
|
}
|
@@ -524,8 +466,6 @@ Floated Menu / Item
|
|
524
466
|
/* Center */
|
525
467
|
.ui.menu:not(.vertical) .center.item,
|
526
468
|
.ui.menu:not(.vertical) .center.menu {
|
527
|
-
display: -webkit-box;
|
528
|
-
display: -ms-flexbox;
|
529
469
|
display: flex;
|
530
470
|
margin-left: auto !important;
|
531
471
|
margin-right: auto !important;
|
@@ -544,23 +484,17 @@ Floated Menu / Item
|
|
544
484
|
display: none;
|
545
485
|
}
|
546
486
|
|
547
|
-
|
548
|
-
|
549
|
-
|
550
|
-
|
487
|
+
/* --------------
|
488
|
+
Vertical
|
489
|
+
--------------- */
|
551
490
|
.ui.vertical.menu {
|
552
491
|
display: block;
|
553
|
-
-
|
554
|
-
|
555
|
-
|
556
|
-
flex-direction: column;
|
557
|
-
background: #FFFFFF;
|
558
|
-
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
559
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
492
|
+
flex-direction: column;
|
493
|
+
background: #fff;
|
494
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
560
495
|
}
|
561
496
|
|
562
|
-
|
563
|
-
|
497
|
+
/* --- Item --- */
|
564
498
|
.ui.vertical.menu .item {
|
565
499
|
display: block;
|
566
500
|
background: none;
|
@@ -574,15 +508,13 @@ Floated Menu / Item
|
|
574
508
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
575
509
|
}
|
576
510
|
|
577
|
-
|
578
|
-
|
511
|
+
/* --- Label --- */
|
579
512
|
.ui.vertical.menu .item > .label {
|
580
513
|
float: right;
|
581
514
|
text-align: center;
|
582
515
|
}
|
583
516
|
|
584
|
-
|
585
|
-
|
517
|
+
/* --- Icon --- */
|
586
518
|
.ui.vertical.menu .item > i.icon,
|
587
519
|
.ui.vertical.menu .item > i.icons {
|
588
520
|
width: 1.18em;
|
@@ -594,11 +526,10 @@ Floated Menu / Item
|
|
594
526
|
margin: 0 0.5em 0 0;
|
595
527
|
}
|
596
528
|
|
597
|
-
|
598
|
-
|
529
|
+
/* --- Border --- */
|
599
530
|
.ui.vertical.menu .item::before {
|
600
531
|
position: absolute;
|
601
|
-
content:
|
532
|
+
content: "";
|
602
533
|
top: 0;
|
603
534
|
left: 0;
|
604
535
|
width: 100%;
|
@@ -609,8 +540,7 @@ Floated Menu / Item
|
|
609
540
|
display: none !important;
|
610
541
|
}
|
611
542
|
|
612
|
-
|
613
|
-
|
543
|
+
/* --- Sub Menu --- */
|
614
544
|
.ui.vertical.menu .item > .menu {
|
615
545
|
margin: 0.5em -1.14285714em 0;
|
616
546
|
}
|
@@ -632,8 +562,7 @@ Floated Menu / Item
|
|
632
562
|
.ui.vertical.menu .active.item {
|
633
563
|
background: rgba(0, 0, 0, 0.05);
|
634
564
|
border-radius: 0;
|
635
|
-
|
636
|
-
box-shadow: none;
|
565
|
+
box-shadow: none;
|
637
566
|
}
|
638
567
|
.ui.vertical.menu > .active.item:first-child {
|
639
568
|
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
@@ -653,17 +582,15 @@ Floated Menu / Item
|
|
653
582
|
color: rgba(0, 0, 0, 0.95);
|
654
583
|
}
|
655
584
|
|
656
|
-
|
657
|
-
|
658
|
-
|
659
|
-
|
585
|
+
/* --------------
|
586
|
+
Tabular
|
587
|
+
--------------- */
|
660
588
|
.ui.tabular.menu {
|
661
589
|
border-radius: 0;
|
662
|
-
|
663
|
-
box-shadow: none !important;
|
590
|
+
box-shadow: none !important;
|
664
591
|
border: none;
|
665
592
|
background: none transparent;
|
666
|
-
border-bottom: 1px solid #
|
593
|
+
border-bottom: 1px solid #d4d4d5;
|
667
594
|
}
|
668
595
|
.ui.tabular.fluid.menu {
|
669
596
|
width: calc(100% + 2px) !important;
|
@@ -689,14 +616,13 @@ Floated Menu / Item
|
|
689
616
|
|
690
617
|
/* Active */
|
691
618
|
.ui.tabular.menu .active.item {
|
692
|
-
background: none #
|
619
|
+
background: none #fff;
|
693
620
|
color: rgba(0, 0, 0, 0.95);
|
694
621
|
border-top-width: 1px;
|
695
|
-
border-color: #
|
622
|
+
border-color: #d4d4d5;
|
696
623
|
font-weight: bold;
|
697
624
|
margin-bottom: -1px;
|
698
|
-
|
699
|
-
box-shadow: none;
|
625
|
+
box-shadow: none;
|
700
626
|
border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
|
701
627
|
}
|
702
628
|
.ui.tabular.menu .active.item:hover {
|
@@ -721,10 +647,9 @@ Floated Menu / Item
|
|
721
647
|
.ui.bottom.tabular.menu {
|
722
648
|
background: none transparent;
|
723
649
|
border-radius: 0;
|
724
|
-
|
725
|
-
box-shadow: none !important;
|
650
|
+
box-shadow: none !important;
|
726
651
|
border-bottom: none;
|
727
|
-
border-top: 1px solid #
|
652
|
+
border-top: 1px solid #d4d4d5;
|
728
653
|
}
|
729
654
|
.ui.bottom.tabular.menu .item {
|
730
655
|
background: none;
|
@@ -734,9 +659,9 @@ Floated Menu / Item
|
|
734
659
|
border-top: none;
|
735
660
|
}
|
736
661
|
.ui.bottom.tabular.menu .active.item {
|
737
|
-
background: none #
|
662
|
+
background: none #fff;
|
738
663
|
color: rgba(0, 0, 0, 0.95);
|
739
|
-
border-color: #
|
664
|
+
border-color: #d4d4d5;
|
740
665
|
margin: -1px 0 0 0;
|
741
666
|
border-radius: 0 0 0.28571429rem 0.28571429rem !important;
|
742
667
|
}
|
@@ -745,10 +670,9 @@ Floated Menu / Item
|
|
745
670
|
.ui.vertical.tabular.menu {
|
746
671
|
background: none transparent;
|
747
672
|
border-radius: 0;
|
748
|
-
|
749
|
-
box-shadow: none !important;
|
673
|
+
box-shadow: none !important;
|
750
674
|
border-bottom: none;
|
751
|
-
border-right: 1px solid #
|
675
|
+
border-right: 1px solid #d4d4d5;
|
752
676
|
}
|
753
677
|
.ui.vertical.tabular.menu .item {
|
754
678
|
background: none;
|
@@ -758,9 +682,9 @@ Floated Menu / Item
|
|
758
682
|
border-right: none;
|
759
683
|
}
|
760
684
|
.ui.vertical.tabular.menu .active.item {
|
761
|
-
background: none #
|
685
|
+
background: none #fff;
|
762
686
|
color: rgba(0, 0, 0, 0.95);
|
763
|
-
border-color: #
|
687
|
+
border-color: #d4d4d5;
|
764
688
|
margin: 0 -1px 0 0;
|
765
689
|
border-radius: 0.28571429rem 0 0 0.28571429rem !important;
|
766
690
|
}
|
@@ -769,11 +693,10 @@ Floated Menu / Item
|
|
769
693
|
.ui.vertical.right.tabular.menu {
|
770
694
|
background: none transparent;
|
771
695
|
border-radius: 0;
|
772
|
-
|
773
|
-
box-shadow: none !important;
|
696
|
+
box-shadow: none !important;
|
774
697
|
border-bottom: none;
|
775
698
|
border-right: none;
|
776
|
-
border-left: 1px solid #
|
699
|
+
border-left: 1px solid #d4d4d5;
|
777
700
|
}
|
778
701
|
.ui.vertical.right.tabular.menu .item {
|
779
702
|
background: none;
|
@@ -783,9 +706,9 @@ Floated Menu / Item
|
|
783
706
|
border-left: none;
|
784
707
|
}
|
785
708
|
.ui.vertical.right.tabular.menu .active.item {
|
786
|
-
background: none #
|
709
|
+
background: none #fff;
|
787
710
|
color: rgba(0, 0, 0, 0.95);
|
788
|
-
border-color: #
|
711
|
+
border-color: #d4d4d5;
|
789
712
|
margin: 0 0 0 -1px;
|
790
713
|
border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
|
791
714
|
}
|
@@ -800,8 +723,8 @@ Floated Menu / Item
|
|
800
723
|
}
|
801
724
|
.ui.inverted.tabular.menu .active.item,
|
802
725
|
.ui.inverted.tabular.menu .active.item:hover {
|
803
|
-
background: none #
|
804
|
-
border-color: #
|
726
|
+
background: none #1b1c1d;
|
727
|
+
border-color: #555;
|
805
728
|
}
|
806
729
|
.ui.inverted.tabular.menu .item:not(.active):hover {
|
807
730
|
color: #ffffff;
|
@@ -809,14 +732,11 @@ Floated Menu / Item
|
|
809
732
|
cursor: pointer;
|
810
733
|
}
|
811
734
|
|
812
|
-
|
813
|
-
|
814
|
-
|
815
|
-
|
735
|
+
/* --------------
|
736
|
+
Pagination
|
737
|
+
--------------- */
|
816
738
|
.ui.pagination.menu {
|
817
739
|
margin: 0;
|
818
|
-
display: -webkit-inline-box;
|
819
|
-
display: -ms-inline-flexbox;
|
820
740
|
display: inline-flex;
|
821
741
|
vertical-align: middle;
|
822
742
|
}
|
@@ -843,35 +763,29 @@ Floated Menu / Item
|
|
843
763
|
padding-top: 0.92857143em;
|
844
764
|
background-color: rgba(0, 0, 0, 0.05);
|
845
765
|
color: rgba(0, 0, 0, 0.95);
|
846
|
-
|
847
|
-
box-shadow: none;
|
766
|
+
box-shadow: none;
|
848
767
|
}
|
849
768
|
|
850
|
-
|
851
|
-
|
852
|
-
|
853
|
-
|
769
|
+
/* --------------
|
770
|
+
Secondary
|
771
|
+
--------------- */
|
854
772
|
.ui.secondary.menu {
|
855
773
|
background: none;
|
856
774
|
margin-left: -0.35714286em;
|
857
775
|
margin-right: -0.35714286em;
|
858
776
|
border-radius: 0;
|
859
777
|
border: none;
|
860
|
-
|
861
|
-
box-shadow: none;
|
778
|
+
box-shadow: none;
|
862
779
|
}
|
863
780
|
|
864
781
|
/* Item */
|
865
782
|
.ui.secondary.menu .item {
|
866
|
-
-
|
867
|
-
|
868
|
-
-webkit-box-shadow: none;
|
869
|
-
box-shadow: none;
|
783
|
+
align-self: center;
|
784
|
+
box-shadow: none;
|
870
785
|
border: none;
|
871
786
|
padding: 0.78571429em 0.92857143em;
|
872
787
|
margin: 0 0.35714286em;
|
873
788
|
background: none;
|
874
|
-
-webkit-transition: color 0.1s ease;
|
875
789
|
transition: color 0.1s ease;
|
876
790
|
border-radius: 0.28571429rem;
|
877
791
|
}
|
@@ -903,8 +817,7 @@ Floated Menu / Item
|
|
903
817
|
|
904
818
|
/* Active */
|
905
819
|
.ui.secondary.menu .active.item {
|
906
|
-
|
907
|
-
box-shadow: none;
|
820
|
+
box-shadow: none;
|
908
821
|
background: rgba(0, 0, 0, 0.05);
|
909
822
|
color: rgba(0, 0, 0, 0.95);
|
910
823
|
border-radius: 0.28571429rem;
|
@@ -912,8 +825,7 @@ Floated Menu / Item
|
|
912
825
|
|
913
826
|
/* Active Hover */
|
914
827
|
.ui.secondary.menu .active.item:hover {
|
915
|
-
|
916
|
-
box-shadow: none;
|
828
|
+
box-shadow: none;
|
917
829
|
background: rgba(0, 0, 0, 0.05);
|
918
830
|
color: rgba(0, 0, 0, 0.95);
|
919
831
|
}
|
@@ -943,14 +855,12 @@ Floated Menu / Item
|
|
943
855
|
margin-right: 0;
|
944
856
|
}
|
945
857
|
.ui.secondary.attached.menu {
|
946
|
-
|
947
|
-
box-shadow: none;
|
858
|
+
box-shadow: none;
|
948
859
|
}
|
949
860
|
|
950
|
-
|
951
|
-
|
952
|
-
|
953
|
-
|
861
|
+
/* ---------------------
|
862
|
+
Secondary Vertical
|
863
|
+
----------------------- */
|
954
864
|
|
955
865
|
/* Sub Menu */
|
956
866
|
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
|
@@ -979,25 +889,20 @@ Floated Menu / Item
|
|
979
889
|
background-color: transparent;
|
980
890
|
}
|
981
891
|
|
982
|
-
|
983
|
-
|
984
|
-
|
985
|
-
|
892
|
+
/* ---------------------
|
893
|
+
Secondary Pointing
|
894
|
+
----------------------- */
|
986
895
|
.ui.secondary.pointing.menu {
|
987
896
|
margin-left: 0;
|
988
897
|
margin-right: 0;
|
989
898
|
border-bottom: 2px solid rgba(34, 36, 38, 0.15);
|
990
899
|
}
|
991
900
|
.ui.secondary.pointing.menu .item {
|
992
|
-
border-bottom
|
993
|
-
border-bottom-style: solid;
|
901
|
+
border-bottom: 2px solid transparent;
|
994
902
|
border-radius: 0;
|
995
|
-
-
|
996
|
-
align-self: flex-end;
|
903
|
+
align-self: flex-end;
|
997
904
|
margin: 0 0 -2px;
|
998
905
|
padding: 0.85714286em 1.14285714em;
|
999
|
-
border-bottom-width: 2px;
|
1000
|
-
-webkit-transition: color 0.1s ease;
|
1001
906
|
transition: color 0.1s ease;
|
1002
907
|
}
|
1003
908
|
.ui.secondary.pointing.menu .ui.dropdown .menu .item {
|
@@ -1017,8 +922,7 @@ Floated Menu / Item
|
|
1017
922
|
color: rgba(0, 0, 0, 0.85) !important;
|
1018
923
|
}
|
1019
924
|
.ui.secondary.pointing.menu .text.item {
|
1020
|
-
|
1021
|
-
box-shadow: none !important;
|
925
|
+
box-shadow: none !important;
|
1022
926
|
}
|
1023
927
|
.ui.secondary.pointing.menu .item::after {
|
1024
928
|
display: none;
|
@@ -1043,8 +947,7 @@ Floated Menu / Item
|
|
1043
947
|
/* Active */
|
1044
948
|
.ui.secondary.pointing.menu .active.item {
|
1045
949
|
background-color: transparent;
|
1046
|
-
|
1047
|
-
box-shadow: none;
|
950
|
+
box-shadow: none;
|
1048
951
|
border-color: currentColor;
|
1049
952
|
font-weight: bold;
|
1050
953
|
color: rgba(0, 0, 0, 0.95);
|
@@ -1064,17 +967,13 @@ Floated Menu / Item
|
|
1064
967
|
/* Vertical Pointing */
|
1065
968
|
.ui.secondary.vertical.pointing.menu {
|
1066
969
|
border-bottom-width: 0;
|
1067
|
-
border-right
|
1068
|
-
border-right-style: solid;
|
1069
|
-
border-right-color: rgba(34, 36, 38, 0.15);
|
970
|
+
border-right: 2px solid rgba(34, 36, 38, 0.15);
|
1070
971
|
}
|
1071
972
|
.ui.secondary.vertical.pointing.menu .item {
|
1072
973
|
border-bottom: none;
|
1073
|
-
border-right
|
1074
|
-
border-right-color: transparent;
|
974
|
+
border-right: 2px solid transparent;
|
1075
975
|
border-radius: 0 !important;
|
1076
976
|
margin: 0 -2px 0 0;
|
1077
|
-
border-right-width: 2px;
|
1078
977
|
}
|
1079
978
|
|
1080
979
|
/* Vertical Active */
|
@@ -1090,7 +989,7 @@ Floated Menu / Item
|
|
1090
989
|
color: rgba(255, 255, 255, 0.9);
|
1091
990
|
}
|
1092
991
|
.ui.secondary.inverted.pointing.menu .header.item {
|
1093
|
-
color: #
|
992
|
+
color: #fff !important;
|
1094
993
|
}
|
1095
994
|
|
1096
995
|
/* Hover */
|
@@ -1101,34 +1000,29 @@ Floated Menu / Item
|
|
1101
1000
|
|
1102
1001
|
/* Active */
|
1103
1002
|
.ui.ui.secondary.inverted.pointing.menu .active.item {
|
1104
|
-
border-color: #
|
1003
|
+
border-color: #fff;
|
1105
1004
|
color: #ffffff;
|
1106
1005
|
background-color: transparent;
|
1107
1006
|
}
|
1108
1007
|
|
1109
|
-
|
1110
|
-
|
1111
|
-
|
1112
|
-
|
1008
|
+
/* --------------
|
1009
|
+
Text Menu
|
1010
|
+
--------------- */
|
1113
1011
|
.ui.text.menu {
|
1114
1012
|
background: none transparent;
|
1115
1013
|
border-radius: 0;
|
1116
|
-
|
1117
|
-
box-shadow: none;
|
1014
|
+
box-shadow: none;
|
1118
1015
|
border: none;
|
1119
1016
|
margin: 1em -0.5em;
|
1120
1017
|
}
|
1121
1018
|
.ui.text.menu .item {
|
1122
1019
|
border-radius: 0;
|
1123
|
-
|
1124
|
-
|
1125
|
-
|
1126
|
-
align-self: center;
|
1127
|
-
margin: 0 0;
|
1020
|
+
box-shadow: none;
|
1021
|
+
align-self: center;
|
1022
|
+
margin: 0;
|
1128
1023
|
padding: 0.35714286em 0.5em;
|
1129
1024
|
font-weight: normal;
|
1130
1025
|
color: rgba(0, 0, 0, 0.6);
|
1131
|
-
-webkit-transition: opacity 0.1s ease;
|
1132
1026
|
transition: opacity 0.1s ease;
|
1133
1027
|
}
|
1134
1028
|
|
@@ -1153,14 +1047,12 @@ Floated Menu / Item
|
|
1153
1047
|
margin: 0;
|
1154
1048
|
}
|
1155
1049
|
|
1156
|
-
|
1157
|
-
|
1050
|
+
/* --- fluid text --- */
|
1158
1051
|
.ui.text.item.menu .item {
|
1159
1052
|
margin: 0;
|
1160
1053
|
}
|
1161
1054
|
|
1162
|
-
|
1163
|
-
|
1055
|
+
/* --- vertical text --- */
|
1164
1056
|
.ui.vertical.text.menu {
|
1165
1057
|
margin: 1em 0;
|
1166
1058
|
}
|
@@ -1192,38 +1084,32 @@ Floated Menu / Item
|
|
1192
1084
|
padding: 0.5em 0;
|
1193
1085
|
}
|
1194
1086
|
|
1195
|
-
|
1196
|
-
|
1087
|
+
/* --- hover --- */
|
1197
1088
|
.ui.text.menu .item:hover {
|
1198
1089
|
opacity: 1;
|
1199
1090
|
background-color: transparent;
|
1200
1091
|
}
|
1201
1092
|
|
1202
|
-
|
1203
|
-
|
1093
|
+
/* --- active --- */
|
1204
1094
|
.ui.text.menu .active.item {
|
1205
1095
|
background-color: transparent;
|
1206
1096
|
border: none;
|
1207
|
-
|
1208
|
-
box-shadow: none;
|
1097
|
+
box-shadow: none;
|
1209
1098
|
font-weight: normal;
|
1210
1099
|
color: rgba(0, 0, 0, 0.95);
|
1211
1100
|
}
|
1212
1101
|
|
1213
|
-
|
1214
|
-
|
1102
|
+
/* --- active hover --- */
|
1215
1103
|
.ui.text.menu .active.item:hover {
|
1216
1104
|
background-color: transparent;
|
1217
1105
|
}
|
1218
1106
|
|
1219
1107
|
/* Disable Bariations */
|
1220
1108
|
.ui.text.pointing.menu .active.item::after {
|
1221
|
-
|
1222
|
-
box-shadow: none;
|
1109
|
+
box-shadow: none;
|
1223
1110
|
}
|
1224
1111
|
.ui.text.attached.menu {
|
1225
|
-
|
1226
|
-
box-shadow: none;
|
1112
|
+
box-shadow: none;
|
1227
1113
|
}
|
1228
1114
|
|
1229
1115
|
/* Inverted */
|
@@ -1240,10 +1126,9 @@ Floated Menu / Item
|
|
1240
1126
|
margin-right: 0;
|
1241
1127
|
}
|
1242
1128
|
|
1243
|
-
|
1244
|
-
|
1245
|
-
|
1246
|
-
|
1129
|
+
/* --------------
|
1130
|
+
Icon Only
|
1131
|
+
--------------- */
|
1247
1132
|
|
1248
1133
|
/* Vertical Menu */
|
1249
1134
|
.ui.vertical.icon.menu {
|
@@ -1255,7 +1140,7 @@ Floated Menu / Item
|
|
1255
1140
|
.ui.icon.menu .item {
|
1256
1141
|
height: auto;
|
1257
1142
|
text-align: center;
|
1258
|
-
color: #
|
1143
|
+
color: #1b1c1d;
|
1259
1144
|
}
|
1260
1145
|
|
1261
1146
|
/* Icon */
|
@@ -1285,13 +1170,12 @@ Floated Menu / Item
|
|
1285
1170
|
|
1286
1171
|
/* Inverted */
|
1287
1172
|
.ui.inverted.icon.menu .item {
|
1288
|
-
color: #
|
1173
|
+
color: #fff;
|
1289
1174
|
}
|
1290
1175
|
|
1291
|
-
|
1292
|
-
|
1293
|
-
|
1294
|
-
|
1176
|
+
/* --------------
|
1177
|
+
Labeled Icon
|
1178
|
+
--------------- */
|
1295
1179
|
|
1296
1180
|
/* Menu */
|
1297
1181
|
.ui.labeled.icon.menu {
|
@@ -1301,13 +1185,11 @@ Floated Menu / Item
|
|
1301
1185
|
/* Item */
|
1302
1186
|
.ui.labeled.icon.menu .item {
|
1303
1187
|
min-width: 6em;
|
1304
|
-
-
|
1305
|
-
-webkit-box-direction: normal;
|
1306
|
-
-ms-flex-direction: column;
|
1307
|
-
flex-direction: column;
|
1188
|
+
flex-direction: column;
|
1308
1189
|
}
|
1309
1190
|
|
1310
1191
|
/* Icon */
|
1192
|
+
.ui.labeled.icon.menu > .right.menu > .item > i.icon:not(.dropdown),
|
1311
1193
|
.ui.labeled.icon.menu > .item > i.icon:not(.dropdown) {
|
1312
1194
|
height: 1em;
|
1313
1195
|
display: block;
|
@@ -1326,16 +1208,12 @@ Floated Menu / Item
|
|
1326
1208
|
*******************************/
|
1327
1209
|
|
1328
1210
|
|
1329
|
-
|
1330
|
-
|
1331
|
-
|
1332
|
-
|
1211
|
+
/* --------------
|
1212
|
+
Stackable
|
1213
|
+
--------------- */
|
1333
1214
|
@media only screen and (max-width: 767.98px) {
|
1334
1215
|
.ui.stackable.menu {
|
1335
|
-
-
|
1336
|
-
-webkit-box-direction: normal;
|
1337
|
-
-ms-flex-direction: column;
|
1338
|
-
flex-direction: column;
|
1216
|
+
flex-direction: column;
|
1339
1217
|
}
|
1340
1218
|
.ui.stackable.menu.pointing .active.item::after {
|
1341
1219
|
display: none;
|
@@ -1345,7 +1223,7 @@ Floated Menu / Item
|
|
1345
1223
|
}
|
1346
1224
|
.ui.stackable.menu .item::before {
|
1347
1225
|
position: absolute;
|
1348
|
-
content:
|
1226
|
+
content: "";
|
1349
1227
|
top: auto;
|
1350
1228
|
bottom: 0;
|
1351
1229
|
left: 0;
|
@@ -1369,76 +1247,72 @@ Floated Menu / Item
|
|
1369
1247
|
.ui.stackable.menu .right.menu,
|
1370
1248
|
.ui.stackable.menu .center.menu,
|
1371
1249
|
.ui.stackable.menu .left.menu {
|
1372
|
-
-
|
1373
|
-
-webkit-box-direction: normal;
|
1374
|
-
-ms-flex-direction: column;
|
1375
|
-
flex-direction: column;
|
1250
|
+
flex-direction: column;
|
1376
1251
|
}
|
1377
1252
|
}
|
1378
1253
|
|
1379
|
-
|
1254
|
+
/* --------------
|
1380
1255
|
Colors
|
1381
|
-
|
1382
|
-
|
1256
|
+
--------------- */
|
1383
1257
|
.ui.ui.ui.menu .primary.active.item,
|
1384
1258
|
.ui.ui.primary.menu .active.item:hover,
|
1385
1259
|
.ui.ui.primary.menu .active.item {
|
1386
|
-
color: #
|
1260
|
+
color: #2185d0;
|
1387
1261
|
}
|
1388
1262
|
.ui.ui.ui.menu .red.active.item,
|
1389
1263
|
.ui.ui.red.menu .active.item:hover,
|
1390
1264
|
.ui.ui.red.menu .active.item {
|
1391
|
-
color: #
|
1265
|
+
color: #db2828;
|
1392
1266
|
}
|
1393
1267
|
.ui.ui.ui.menu .orange.active.item,
|
1394
1268
|
.ui.ui.orange.menu .active.item:hover,
|
1395
1269
|
.ui.ui.orange.menu .active.item {
|
1396
|
-
color: #
|
1270
|
+
color: #f2711c;
|
1397
1271
|
}
|
1398
1272
|
.ui.ui.ui.menu .yellow.active.item,
|
1399
1273
|
.ui.ui.yellow.menu .active.item:hover,
|
1400
1274
|
.ui.ui.yellow.menu .active.item {
|
1401
|
-
color: #
|
1275
|
+
color: #fbbd08;
|
1402
1276
|
}
|
1403
1277
|
.ui.ui.ui.menu .olive.active.item,
|
1404
1278
|
.ui.ui.olive.menu .active.item:hover,
|
1405
1279
|
.ui.ui.olive.menu .active.item {
|
1406
|
-
color: #
|
1280
|
+
color: #b5cc18;
|
1407
1281
|
}
|
1408
1282
|
.ui.ui.ui.menu .green.active.item,
|
1409
1283
|
.ui.ui.green.menu .active.item:hover,
|
1410
1284
|
.ui.ui.green.menu .active.item {
|
1411
|
-
color: #
|
1285
|
+
color: #21ba45;
|
1412
1286
|
}
|
1413
1287
|
.ui.ui.ui.menu .teal.active.item,
|
1414
1288
|
.ui.ui.teal.menu .active.item:hover,
|
1415
1289
|
.ui.ui.teal.menu .active.item {
|
1416
|
-
color: #
|
1290
|
+
color: #00b5ad;
|
1417
1291
|
}
|
1418
1292
|
.ui.ui.ui.menu .blue.active.item,
|
1419
1293
|
.ui.ui.blue.menu .active.item:hover,
|
1420
1294
|
.ui.ui.blue.menu .active.item {
|
1421
|
-
color: #
|
1295
|
+
color: #2185d0;
|
1422
1296
|
}
|
1423
1297
|
.ui.ui.ui.menu .violet.active.item,
|
1424
1298
|
.ui.ui.violet.menu .active.item:hover,
|
1425
1299
|
.ui.ui.violet.menu .active.item {
|
1426
|
-
color: #
|
1300
|
+
color: #6435c9;
|
1427
1301
|
}
|
1428
1302
|
.ui.ui.ui.menu .purple.active.item,
|
1429
1303
|
.ui.ui.purple.menu .active.item:hover,
|
1430
1304
|
.ui.ui.purple.menu .active.item {
|
1431
|
-
color: #
|
1305
|
+
color: #a333c8;
|
1432
1306
|
}
|
1433
1307
|
.ui.ui.ui.menu .pink.active.item,
|
1434
1308
|
.ui.ui.pink.menu .active.item:hover,
|
1435
1309
|
.ui.ui.pink.menu .active.item {
|
1436
|
-
color: #
|
1310
|
+
color: #e03997;
|
1437
1311
|
}
|
1438
1312
|
.ui.ui.ui.menu .brown.active.item,
|
1439
1313
|
.ui.ui.brown.menu .active.item:hover,
|
1440
1314
|
.ui.ui.brown.menu .active.item {
|
1441
|
-
color: #
|
1315
|
+
color: #a5673f;
|
1442
1316
|
}
|
1443
1317
|
.ui.ui.ui.menu .grey.active.item,
|
1444
1318
|
.ui.ui.grey.menu .active.item:hover,
|
@@ -1448,18 +1322,16 @@ Floated Menu / Item
|
|
1448
1322
|
.ui.ui.ui.menu .black.active.item,
|
1449
1323
|
.ui.ui.black.menu .active.item:hover,
|
1450
1324
|
.ui.ui.black.menu .active.item {
|
1451
|
-
color: #
|
1325
|
+
color: #1b1c1d;
|
1452
1326
|
}
|
1453
1327
|
|
1454
|
-
|
1455
|
-
|
1456
|
-
|
1457
|
-
|
1328
|
+
/* --------------
|
1329
|
+
Inverted
|
1330
|
+
--------------- */
|
1458
1331
|
.ui.inverted.menu {
|
1459
1332
|
border: 0 solid transparent;
|
1460
|
-
background: #
|
1461
|
-
|
1462
|
-
box-shadow: none;
|
1333
|
+
background: #1b1c1d;
|
1334
|
+
box-shadow: none;
|
1463
1335
|
}
|
1464
1336
|
|
1465
1337
|
/* Menu Item */
|
@@ -1472,8 +1344,7 @@ Floated Menu / Item
|
|
1472
1344
|
background: transparent;
|
1473
1345
|
}
|
1474
1346
|
|
1475
|
-
|
1476
|
-
|
1347
|
+
/* --- Border --- */
|
1477
1348
|
.ui.inverted.menu .item::before {
|
1478
1349
|
background: rgba(255, 255, 255, 0.08);
|
1479
1350
|
}
|
@@ -1491,8 +1362,7 @@ Floated Menu / Item
|
|
1491
1362
|
.ui.inverted.menu .header.item {
|
1492
1363
|
margin: 0;
|
1493
1364
|
background: transparent;
|
1494
|
-
|
1495
|
-
box-shadow: none;
|
1365
|
+
box-shadow: none;
|
1496
1366
|
}
|
1497
1367
|
|
1498
1368
|
/* Disabled */
|
@@ -1500,8 +1370,7 @@ Floated Menu / Item
|
|
1500
1370
|
color: rgba(225, 225, 225, 0.3);
|
1501
1371
|
}
|
1502
1372
|
|
1503
|
-
|
1504
|
-
|
1373
|
+
/* --- Hover --- */
|
1505
1374
|
.ui.link.inverted.menu .item:hover,
|
1506
1375
|
.ui.inverted.menu .dropdown.item:hover,
|
1507
1376
|
.ui.inverted.menu .link.item:hover,
|
@@ -1515,46 +1384,41 @@ Floated Menu / Item
|
|
1515
1384
|
color: #ffffff;
|
1516
1385
|
}
|
1517
1386
|
|
1518
|
-
|
1519
|
-
|
1387
|
+
/* --- Pressed --- */
|
1520
1388
|
.ui.inverted.menu a.item:active,
|
1521
1389
|
.ui.inverted.menu .link.item:active {
|
1522
1390
|
background: rgba(255, 255, 255, 0.08);
|
1523
1391
|
color: #ffffff;
|
1524
1392
|
}
|
1525
1393
|
|
1526
|
-
|
1527
|
-
|
1394
|
+
/* --- Active --- */
|
1528
1395
|
.ui.inverted.menu .active.item {
|
1529
|
-
background: #
|
1396
|
+
background: #3d3e3f;
|
1530
1397
|
color: #ffffff !important;
|
1531
1398
|
}
|
1532
1399
|
.ui.inverted.vertical.menu .item .menu .active.item {
|
1533
1400
|
background: transparent;
|
1534
|
-
color: #
|
1401
|
+
color: #fff;
|
1535
1402
|
}
|
1536
1403
|
.ui.inverted.pointing.menu .active.item::after {
|
1537
|
-
background: #
|
1404
|
+
background: #3d3e3f;
|
1538
1405
|
margin: 0 !important;
|
1539
|
-
|
1540
|
-
box-shadow: none !important;
|
1406
|
+
box-shadow: none !important;
|
1541
1407
|
border: none !important;
|
1542
1408
|
}
|
1543
1409
|
|
1544
|
-
|
1545
|
-
|
1410
|
+
/* --- Active Hover --- */
|
1546
1411
|
.ui.inverted.menu .active.item:hover {
|
1547
|
-
background: #
|
1548
|
-
color: #
|
1412
|
+
background: #3d3e3f;
|
1413
|
+
color: #fff !important;
|
1549
1414
|
}
|
1550
1415
|
.ui.inverted.pointing.menu .active.item:hover::after {
|
1551
|
-
background: #
|
1416
|
+
background: #3d3e3f;
|
1552
1417
|
}
|
1553
1418
|
|
1554
|
-
|
1555
|
-
|
1556
|
-
|
1557
|
-
|
1419
|
+
/* --------------
|
1420
|
+
Floated
|
1421
|
+
--------------- */
|
1558
1422
|
.ui.floated.menu {
|
1559
1423
|
float: left;
|
1560
1424
|
margin: 0 0.5rem 0 0;
|
@@ -1568,21 +1432,17 @@ Floated Menu / Item
|
|
1568
1432
|
}
|
1569
1433
|
.ui.center.aligned.menu,
|
1570
1434
|
.ui.centered.menu {
|
1571
|
-
display: -webkit-inline-box;
|
1572
|
-
display: -ms-inline-flexbox;
|
1573
1435
|
display: inline-flex;
|
1574
|
-
|
1575
|
-
transform: translateX(-50%);
|
1436
|
+
transform: translateX(-50%);
|
1576
1437
|
margin-left: 50%;
|
1577
1438
|
}
|
1578
1439
|
|
1579
|
-
|
1580
|
-
|
1581
|
-
|
1582
|
-
|
1440
|
+
/* --------------
|
1441
|
+
Inverted
|
1442
|
+
--------------- */
|
1583
1443
|
.ui.ui.ui.inverted.menu .primary.active.item,
|
1584
1444
|
.ui.ui.inverted.primary.menu {
|
1585
|
-
background-color: #
|
1445
|
+
background-color: #2185d0;
|
1586
1446
|
}
|
1587
1447
|
.ui.inverted.primary.menu .item::before {
|
1588
1448
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1595,7 +1455,7 @@ Floated Menu / Item
|
|
1595
1455
|
}
|
1596
1456
|
.ui.ui.ui.inverted.menu .red.active.item,
|
1597
1457
|
.ui.ui.inverted.red.menu {
|
1598
|
-
background-color: #
|
1458
|
+
background-color: #db2828;
|
1599
1459
|
}
|
1600
1460
|
.ui.inverted.red.menu .item::before {
|
1601
1461
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1608,7 +1468,7 @@ Floated Menu / Item
|
|
1608
1468
|
}
|
1609
1469
|
.ui.ui.ui.inverted.menu .orange.active.item,
|
1610
1470
|
.ui.ui.inverted.orange.menu {
|
1611
|
-
background-color: #
|
1471
|
+
background-color: #f2711c;
|
1612
1472
|
}
|
1613
1473
|
.ui.inverted.orange.menu .item::before {
|
1614
1474
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1621,7 +1481,7 @@ Floated Menu / Item
|
|
1621
1481
|
}
|
1622
1482
|
.ui.ui.ui.inverted.menu .yellow.active.item,
|
1623
1483
|
.ui.ui.inverted.yellow.menu {
|
1624
|
-
background-color: #
|
1484
|
+
background-color: #fbbd08;
|
1625
1485
|
}
|
1626
1486
|
.ui.inverted.yellow.menu .item::before {
|
1627
1487
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1634,7 +1494,7 @@ Floated Menu / Item
|
|
1634
1494
|
}
|
1635
1495
|
.ui.ui.ui.inverted.menu .olive.active.item,
|
1636
1496
|
.ui.ui.inverted.olive.menu {
|
1637
|
-
background-color: #
|
1497
|
+
background-color: #b5cc18;
|
1638
1498
|
}
|
1639
1499
|
.ui.inverted.olive.menu .item::before {
|
1640
1500
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1647,7 +1507,7 @@ Floated Menu / Item
|
|
1647
1507
|
}
|
1648
1508
|
.ui.ui.ui.inverted.menu .green.active.item,
|
1649
1509
|
.ui.ui.inverted.green.menu {
|
1650
|
-
background-color: #
|
1510
|
+
background-color: #21ba45;
|
1651
1511
|
}
|
1652
1512
|
.ui.inverted.green.menu .item::before {
|
1653
1513
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1660,7 +1520,7 @@ Floated Menu / Item
|
|
1660
1520
|
}
|
1661
1521
|
.ui.ui.ui.inverted.menu .teal.active.item,
|
1662
1522
|
.ui.ui.inverted.teal.menu {
|
1663
|
-
background-color: #
|
1523
|
+
background-color: #00b5ad;
|
1664
1524
|
}
|
1665
1525
|
.ui.inverted.teal.menu .item::before {
|
1666
1526
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1673,7 +1533,7 @@ Floated Menu / Item
|
|
1673
1533
|
}
|
1674
1534
|
.ui.ui.ui.inverted.menu .blue.active.item,
|
1675
1535
|
.ui.ui.inverted.blue.menu {
|
1676
|
-
background-color: #
|
1536
|
+
background-color: #2185d0;
|
1677
1537
|
}
|
1678
1538
|
.ui.inverted.blue.menu .item::before {
|
1679
1539
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1686,7 +1546,7 @@ Floated Menu / Item
|
|
1686
1546
|
}
|
1687
1547
|
.ui.ui.ui.inverted.menu .violet.active.item,
|
1688
1548
|
.ui.ui.inverted.violet.menu {
|
1689
|
-
background-color: #
|
1549
|
+
background-color: #6435c9;
|
1690
1550
|
}
|
1691
1551
|
.ui.inverted.violet.menu .item::before {
|
1692
1552
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1699,7 +1559,7 @@ Floated Menu / Item
|
|
1699
1559
|
}
|
1700
1560
|
.ui.ui.ui.inverted.menu .purple.active.item,
|
1701
1561
|
.ui.ui.inverted.purple.menu {
|
1702
|
-
background-color: #
|
1562
|
+
background-color: #a333c8;
|
1703
1563
|
}
|
1704
1564
|
.ui.inverted.purple.menu .item::before {
|
1705
1565
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1712,7 +1572,7 @@ Floated Menu / Item
|
|
1712
1572
|
}
|
1713
1573
|
.ui.ui.ui.inverted.menu .pink.active.item,
|
1714
1574
|
.ui.ui.inverted.pink.menu {
|
1715
|
-
background-color: #
|
1575
|
+
background-color: #e03997;
|
1716
1576
|
}
|
1717
1577
|
.ui.inverted.pink.menu .item::before {
|
1718
1578
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1725,7 +1585,7 @@ Floated Menu / Item
|
|
1725
1585
|
}
|
1726
1586
|
.ui.ui.ui.inverted.menu .brown.active.item,
|
1727
1587
|
.ui.ui.inverted.brown.menu {
|
1728
|
-
background-color: #
|
1588
|
+
background-color: #a5673f;
|
1729
1589
|
}
|
1730
1590
|
.ui.inverted.brown.menu .item::before {
|
1731
1591
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1751,7 +1611,7 @@ Floated Menu / Item
|
|
1751
1611
|
}
|
1752
1612
|
.ui.ui.ui.inverted.menu .black.active.item,
|
1753
1613
|
.ui.ui.inverted.black.menu {
|
1754
|
-
background-color: #
|
1614
|
+
background-color: #1b1c1d;
|
1755
1615
|
}
|
1756
1616
|
.ui.inverted.black.menu .item::before {
|
1757
1617
|
background-color: rgba(34, 36, 38, 0.1);
|
@@ -1766,10 +1626,9 @@ Floated Menu / Item
|
|
1766
1626
|
background-color: inherit;
|
1767
1627
|
}
|
1768
1628
|
|
1769
|
-
|
1770
|
-
|
1771
|
-
|
1772
|
-
|
1629
|
+
/* --------------
|
1630
|
+
Fitted
|
1631
|
+
--------------- */
|
1773
1632
|
.ui.fitted.menu .item,
|
1774
1633
|
.ui.fitted.menu .item .menu .item,
|
1775
1634
|
.ui.menu .fitted.item {
|
@@ -1788,23 +1647,19 @@ Floated Menu / Item
|
|
1788
1647
|
padding-right: 1.14285714em;
|
1789
1648
|
}
|
1790
1649
|
|
1791
|
-
|
1792
|
-
|
1793
|
-
|
1794
|
-
|
1650
|
+
/* --------------
|
1651
|
+
Borderless
|
1652
|
+
--------------- */
|
1795
1653
|
.ui.borderless.menu .item::before,
|
1796
1654
|
.ui.borderless.menu .item .menu .item::before,
|
1797
1655
|
.ui.menu .borderless.item::before {
|
1798
1656
|
background: none !important;
|
1799
1657
|
}
|
1800
1658
|
|
1801
|
-
|
1802
|
-
|
1803
|
-
|
1804
|
-
|
1659
|
+
/* -------------------
|
1660
|
+
Compact
|
1661
|
+
-------------------- */
|
1805
1662
|
.ui.compact.menu {
|
1806
|
-
display: -webkit-inline-box;
|
1807
|
-
display: -ms-inline-flexbox;
|
1808
1663
|
display: inline-flex;
|
1809
1664
|
margin: 0;
|
1810
1665
|
vertical-align: middle;
|
@@ -1828,19 +1683,17 @@ Floated Menu / Item
|
|
1828
1683
|
display: block;
|
1829
1684
|
}
|
1830
1685
|
|
1831
|
-
|
1832
|
-
|
1833
|
-
|
1834
|
-
|
1686
|
+
/* -------------------
|
1687
|
+
Fluid
|
1688
|
+
-------------------- */
|
1835
1689
|
.ui.menu.fluid,
|
1836
1690
|
.ui.vertical.menu.fluid {
|
1837
1691
|
width: 100% !important;
|
1838
1692
|
}
|
1839
1693
|
|
1840
|
-
|
1694
|
+
/* -------------------
|
1841
1695
|
Evenly Sized
|
1842
|
-
|
1843
|
-
|
1696
|
+
-------------------- */
|
1844
1697
|
.ui.item.menu,
|
1845
1698
|
.ui.item.menu .item {
|
1846
1699
|
width: 100%;
|
@@ -1849,9 +1702,7 @@ Floated Menu / Item
|
|
1849
1702
|
margin-left: 0 !important;
|
1850
1703
|
margin-right: 0 !important;
|
1851
1704
|
text-align: center;
|
1852
|
-
-
|
1853
|
-
-ms-flex-pack: center;
|
1854
|
-
justify-content: center;
|
1705
|
+
justify-content: center;
|
1855
1706
|
}
|
1856
1707
|
.ui.attached.item.menu:not(.tabular) {
|
1857
1708
|
margin: 0 -1px !important;
|
@@ -1893,10 +1744,9 @@ Floated Menu / Item
|
|
1893
1744
|
width: 8.333%;
|
1894
1745
|
}
|
1895
1746
|
|
1896
|
-
|
1897
|
-
|
1898
|
-
|
1899
|
-
|
1747
|
+
/* --------------
|
1748
|
+
Fixed
|
1749
|
+
--------------- */
|
1900
1750
|
.ui.menu.fixed {
|
1901
1751
|
position: fixed;
|
1902
1752
|
z-index: 101;
|
@@ -1957,27 +1807,24 @@ Floated Menu / Item
|
|
1957
1807
|
padding-top: 2.75rem;
|
1958
1808
|
}
|
1959
1809
|
|
1960
|
-
|
1961
|
-
|
1962
|
-
|
1963
|
-
|
1810
|
+
/* -------------------
|
1811
|
+
Pointing
|
1812
|
+
-------------------- */
|
1964
1813
|
.ui.pointing.menu .item::after {
|
1965
1814
|
visibility: hidden;
|
1966
1815
|
position: absolute;
|
1967
|
-
content:
|
1816
|
+
content: "";
|
1968
1817
|
top: 100%;
|
1969
1818
|
left: 50%;
|
1970
|
-
|
1971
|
-
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1819
|
+
transform: translateX(-50%) translateY(-50%) rotate(45deg);
|
1972
1820
|
background: none;
|
1973
1821
|
margin: 0.5px 0 0;
|
1974
1822
|
width: 0.57142857em;
|
1975
1823
|
height: 0.57142857em;
|
1976
1824
|
border: none;
|
1977
|
-
border-bottom: 1px solid #
|
1978
|
-
border-right: 1px solid #
|
1825
|
+
border-bottom: 1px solid #d4d4d5;
|
1826
|
+
border-right: 1px solid #d4d4d5;
|
1979
1827
|
z-index: 2;
|
1980
|
-
-webkit-transition: background 0.1s ease;
|
1981
1828
|
transition: background 0.1s ease;
|
1982
1829
|
}
|
1983
1830
|
.ui.vertical.pointing.menu .item::after {
|
@@ -1986,12 +1833,11 @@ Floated Menu / Item
|
|
1986
1833
|
right: 0;
|
1987
1834
|
bottom: auto;
|
1988
1835
|
left: auto;
|
1989
|
-
|
1990
|
-
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1836
|
+
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
1991
1837
|
margin: 0 -0.5px 0 0;
|
1992
1838
|
border: none;
|
1993
|
-
border-top: 1px solid #
|
1994
|
-
border-right: 1px solid #
|
1839
|
+
border-top: 1px solid #d4d4d5;
|
1840
|
+
border-right: 1px solid #d4d4d5;
|
1995
1841
|
}
|
1996
1842
|
.ui.pointing.menu .ui.dropdown .menu .item::after,
|
1997
1843
|
.ui.vertical.pointing.menu .ui.dropdown .menu .item::after {
|
@@ -2014,22 +1860,22 @@ Floated Menu / Item
|
|
2014
1860
|
|
2015
1861
|
/* Colors */
|
2016
1862
|
.ui.pointing.menu .active.item:hover::after {
|
2017
|
-
background-color: #
|
1863
|
+
background-color: #f2f2f2;
|
2018
1864
|
}
|
2019
1865
|
.ui.pointing.menu .active.item::after {
|
2020
|
-
background-color: #
|
1866
|
+
background-color: #f2f2f2;
|
2021
1867
|
}
|
2022
1868
|
.ui.pointing.menu .active.item:hover::after {
|
2023
|
-
background-color: #
|
1869
|
+
background-color: #f2f2f2;
|
2024
1870
|
}
|
2025
1871
|
.ui.vertical.pointing.menu .active.item:hover::after {
|
2026
|
-
background-color: #
|
1872
|
+
background-color: #f2f2f2;
|
2027
1873
|
}
|
2028
1874
|
.ui.vertical.pointing.menu .active.item::after {
|
2029
|
-
background-color: #
|
1875
|
+
background-color: #f2f2f2;
|
2030
1876
|
}
|
2031
1877
|
.ui.vertical.pointing.menu .menu .active.item::after {
|
2032
|
-
background-color: #
|
1878
|
+
background-color: #fff;
|
2033
1879
|
}
|
2034
1880
|
@media only screen and (max-width: 767.98px) {
|
2035
1881
|
.ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
|
@@ -2037,55 +1883,54 @@ Floated Menu / Item
|
|
2037
1883
|
}
|
2038
1884
|
}
|
2039
1885
|
.ui.inverted.pointing.menu .primary.active.item::after {
|
2040
|
-
background-color: #
|
1886
|
+
background-color: #2185d0;
|
2041
1887
|
}
|
2042
1888
|
.ui.inverted.pointing.menu .secondary.active.item::after {
|
2043
|
-
background-color: #
|
1889
|
+
background-color: #1b1c1d;
|
2044
1890
|
}
|
2045
1891
|
.ui.inverted.pointing.menu .red.active.item::after {
|
2046
|
-
background-color: #
|
1892
|
+
background-color: #db2828;
|
2047
1893
|
}
|
2048
1894
|
.ui.inverted.pointing.menu .orange.active.item::after {
|
2049
|
-
background-color: #
|
1895
|
+
background-color: #f2711c;
|
2050
1896
|
}
|
2051
1897
|
.ui.inverted.pointing.menu .yellow.active.item::after {
|
2052
|
-
background-color: #
|
1898
|
+
background-color: #fbbd08;
|
2053
1899
|
}
|
2054
1900
|
.ui.inverted.pointing.menu .olive.active.item::after {
|
2055
|
-
background-color: #
|
1901
|
+
background-color: #b5cc18;
|
2056
1902
|
}
|
2057
1903
|
.ui.inverted.pointing.menu .green.active.item::after {
|
2058
|
-
background-color: #
|
1904
|
+
background-color: #21ba45;
|
2059
1905
|
}
|
2060
1906
|
.ui.inverted.pointing.menu .teal.active.item::after {
|
2061
|
-
background-color: #
|
1907
|
+
background-color: #00b5ad;
|
2062
1908
|
}
|
2063
1909
|
.ui.inverted.pointing.menu .blue.active.item::after {
|
2064
|
-
background-color: #
|
1910
|
+
background-color: #2185d0;
|
2065
1911
|
}
|
2066
1912
|
.ui.inverted.pointing.menu .violet.active.item::after {
|
2067
|
-
background-color: #
|
1913
|
+
background-color: #6435c9;
|
2068
1914
|
}
|
2069
1915
|
.ui.inverted.pointing.menu .purple.active.item::after {
|
2070
|
-
background-color: #
|
1916
|
+
background-color: #a333c8;
|
2071
1917
|
}
|
2072
1918
|
.ui.inverted.pointing.menu .pink.active.item::after {
|
2073
|
-
background-color: #
|
1919
|
+
background-color: #e03997;
|
2074
1920
|
}
|
2075
1921
|
.ui.inverted.pointing.menu .brown.active.item::after {
|
2076
|
-
background-color: #
|
1922
|
+
background-color: #a5673f;
|
2077
1923
|
}
|
2078
1924
|
.ui.inverted.pointing.menu .grey.active.item::after {
|
2079
1925
|
background-color: #767676;
|
2080
1926
|
}
|
2081
1927
|
.ui.inverted.pointing.menu .black.active.item::after {
|
2082
|
-
background-color: #
|
1928
|
+
background-color: #1b1c1d;
|
2083
1929
|
}
|
2084
1930
|
|
2085
|
-
|
2086
|
-
|
2087
|
-
|
2088
|
-
|
1931
|
+
/* --------------
|
1932
|
+
Attached
|
1933
|
+
--------------- */
|
2089
1934
|
|
2090
1935
|
/* Middle */
|
2091
1936
|
.ui.attached.menu {
|
@@ -2095,8 +1940,7 @@ Floated Menu / Item
|
|
2095
1940
|
margin: 0 -1px;
|
2096
1941
|
width: calc(100% + 2px);
|
2097
1942
|
max-width: calc(100% + 2px);
|
2098
|
-
|
2099
|
-
box-shadow: none;
|
1943
|
+
box-shadow: none;
|
2100
1944
|
}
|
2101
1945
|
.ui.attached + .ui.attached.menu:not(.top) {
|
2102
1946
|
border-top: none;
|
@@ -2120,8 +1964,7 @@ Floated Menu / Item
|
|
2120
1964
|
margin-top: 0;
|
2121
1965
|
top: 0;
|
2122
1966
|
margin-bottom: 1rem;
|
2123
|
-
|
2124
|
-
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
1967
|
+
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
|
2125
1968
|
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
2126
1969
|
}
|
2127
1970
|
.ui[class*="bottom attached"].menu:last-child {
|
@@ -2138,13 +1981,13 @@ Floated Menu / Item
|
|
2138
1981
|
|
2139
1982
|
/* Tabular Attached */
|
2140
1983
|
.ui.attached.menu:not(.tabular):not(.text) {
|
2141
|
-
border: 1px solid #
|
1984
|
+
border: 1px solid #d4d4d5;
|
2142
1985
|
}
|
2143
1986
|
.ui.attached.inverted.menu {
|
2144
1987
|
border: none;
|
2145
1988
|
}
|
2146
1989
|
.ui[class*="top attached"].inverted.tabular.menu {
|
2147
|
-
border-bottom: 1px solid #
|
1990
|
+
border-bottom: 1px solid #555;
|
2148
1991
|
}
|
2149
1992
|
.ui.attached.tabular.menu {
|
2150
1993
|
margin-left: 0;
|
@@ -2152,10 +1995,9 @@ Floated Menu / Item
|
|
2152
1995
|
width: 100%;
|
2153
1996
|
}
|
2154
1997
|
|
2155
|
-
|
1998
|
+
/* --------------
|
2156
1999
|
Sizes
|
2157
|
-
|
2158
|
-
|
2000
|
+
--------------- */
|
2159
2001
|
.ui.menu {
|
2160
2002
|
font-size: 1rem;
|
2161
2003
|
}
|
@@ -2219,14 +2061,12 @@ Floated Menu / Item
|
|
2219
2061
|
width: 25rem;
|
2220
2062
|
}
|
2221
2063
|
|
2222
|
-
|
2064
|
+
/* -------------------
|
2223
2065
|
Inverted dropdowns
|
2224
|
-
|
2225
|
-
|
2066
|
+
-------------------- */
|
2226
2067
|
.ui.menu .ui.inverted.inverted.dropdown.item .menu {
|
2227
|
-
background: #
|
2228
|
-
|
2229
|
-
box-shadow: none;
|
2068
|
+
background: #1b1c1d;
|
2069
|
+
box-shadow: none;
|
2230
2070
|
}
|
2231
2071
|
.ui.menu .ui.inverted.dropdown .menu > .item {
|
2232
2072
|
color: rgba(255, 255, 255, 0.8) !important;
|
@@ -2246,8 +2086,7 @@ Floated Menu / Item
|
|
2246
2086
|
|
2247
2087
|
/* Vertical */
|
2248
2088
|
.ui.vertical.menu .inverted.dropdown.item .menu {
|
2249
|
-
|
2250
|
-
box-shadow: none;
|
2089
|
+
box-shadow: none;
|
2251
2090
|
}
|
2252
2091
|
|
2253
2092
|
|