semantic-ui-sass 0.19.3.1 → 1.7.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +21 -0
- data/README.md +5 -6
- data/app/assets/fonts/semantic-ui/icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/icons.otf +0 -0
- data/app/assets/fonts/semantic-ui/icons.svg +472 -367
- data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff +0 -0
- data/app/assets/images/semantic-ui/flags.png +0 -0
- data/app/assets/javascripts/semantic-ui.js +9 -5
- data/app/assets/javascripts/semantic-ui/accordion.js +169 -102
- data/app/assets/javascripts/semantic-ui/api.js +840 -0
- data/app/assets/javascripts/semantic-ui/checkbox.js +203 -46
- data/app/assets/javascripts/semantic-ui/{behavior/colorize.js → colorize.js} +4 -2
- data/app/assets/javascripts/semantic-ui/dimmer.js +110 -76
- data/app/assets/javascripts/semantic-ui/dropdown.js +897 -285
- data/app/assets/javascripts/semantic-ui/{behavior/form.js → form.js} +127 -42
- data/app/assets/javascripts/semantic-ui/modal.js +294 -219
- data/app/assets/javascripts/semantic-ui/nag.js +120 -186
- data/app/assets/javascripts/semantic-ui/popup.js +491 -223
- data/app/assets/javascripts/semantic-ui/progress.js +779 -0
- data/app/assets/javascripts/semantic-ui/rating.js +66 -22
- data/app/assets/javascripts/semantic-ui/search.js +219 -99
- data/app/assets/javascripts/semantic-ui/shape.js +72 -29
- data/app/assets/javascripts/semantic-ui/sidebar.js +678 -142
- data/app/assets/javascripts/semantic-ui/site.js +487 -0
- data/app/assets/javascripts/semantic-ui/{behavior/state.js → state.js} +116 -151
- data/app/assets/javascripts/semantic-ui/sticky.js +771 -0
- data/app/assets/javascripts/semantic-ui/tab.js +680 -603
- data/app/assets/javascripts/semantic-ui/transition.js +269 -158
- data/app/assets/javascripts/semantic-ui/video.js +113 -32
- data/app/assets/javascripts/semantic-ui/visibility.js +970 -0
- data/app/assets/javascripts/semantic-ui/visit.js +513 -0
- data/app/assets/stylesheets/semantic-ui.scss +2 -0
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +58 -14
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +464 -372
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1385 -533
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +482 -655
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +238 -139
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +631 -280
- data/app/assets/stylesheets/semantic-ui/elements/_all.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1614 -657
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +143 -80
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1018 -0
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +302 -145
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1653 -1365
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +160 -59
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +247 -118
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +501 -470
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +888 -0
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +189 -98
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +125 -0
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +147 -212
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +328 -190
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +261 -185
- data/app/assets/stylesheets/semantic-ui/globals/_all.scss +2 -0
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +430 -0
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +128 -0
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +190 -106
- data/app/assets/stylesheets/semantic-ui/modules/_all.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +303 -201
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +72 -63
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +711 -331
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +262 -140
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +82 -71
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +163 -119
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +435 -0
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +163 -68
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +223 -150
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +39 -40
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +413 -147
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +80 -0
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +49 -20
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +542 -568
- data/app/assets/stylesheets/semantic-ui/modules/_video.scss +69 -37
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +265 -0
- data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +758 -0
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +133 -92
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +200 -87
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +298 -523
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +390 -12
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/tasks/converter.rb +99 -216
- metadata +22 -27
- data/app/assets/fonts/semantic-ui/basic.icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/basic.icons.svg +0 -450
- data/app/assets/fonts/semantic-ui/basic.icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/basic.icons.woff +0 -0
- data/app/assets/images/semantic-ui/loader-large-inverted.gif +0 -0
- data/app/assets/images/semantic-ui/loader-large.gif +0 -0
- data/app/assets/images/semantic-ui/loader-medium-inverted.gif +0 -0
- data/app/assets/images/semantic-ui/loader-medium.gif +0 -0
- data/app/assets/images/semantic-ui/loader-mini-inverted.gif +0 -0
- data/app/assets/images/semantic-ui/loader-mini.gif +0 -0
- data/app/assets/images/semantic-ui/loader-small-inverted.gif +0 -0
- data/app/assets/images/semantic-ui/loader-small.gif +0 -0
- data/app/assets/javascripts/semantic-ui/behavior/api.js +0 -634
- data/app/assets/javascripts/semantic-ui/chatroom.js +0 -772
- data/app/assets/stylesheets/semantic-ui/depends/_basic.icon.scss +0 -4
- data/app/assets/stylesheets/semantic-ui/depends/_icon.scss +0 -4
- data/app/assets/stylesheets/semantic-ui/depends/_loader.scss +0 -8
- data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +0 -1124
- data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +0 -280
- data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +0 -299
- data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +0 -322
- data/app/assets/stylesheets/semantic-ui/views/_list.scss +0 -700
@@ -1,7 +1,7 @@
|
|
1
|
-
/*
|
2
|
-
* # Semantic
|
3
|
-
*
|
4
|
-
*
|
1
|
+
/*
|
2
|
+
* # Semantic UI
|
3
|
+
* https://github.com/Semantic-Org/Semantic-UI
|
4
|
+
* http://www.semantic-ui.com/
|
5
5
|
*
|
6
6
|
* Copyright 2014 Contributors
|
7
7
|
* Released under the MIT license
|
@@ -9,186 +9,215 @@
|
|
9
9
|
*
|
10
10
|
*/
|
11
11
|
|
12
|
+
|
13
|
+
|
12
14
|
/*******************************
|
13
15
|
Segment
|
14
16
|
*******************************/
|
15
17
|
|
16
18
|
.ui.segment {
|
17
19
|
position: relative;
|
18
|
-
background-color: #
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
border
|
24
|
-
-webkit-box-sizing: border-box;
|
25
|
-
-moz-box-sizing: border-box;
|
26
|
-
-ms-box-sizing: border-box;
|
27
|
-
box-sizing: border-box;
|
20
|
+
background-color: #ffffff;
|
21
|
+
box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
22
|
+
margin: 1rem 0em;
|
23
|
+
padding: 1em 1em;
|
24
|
+
border-radius: 0.2857rem;
|
25
|
+
border: none;
|
28
26
|
}
|
29
|
-
|
30
27
|
.ui.segment:first-child {
|
31
28
|
margin-top: 0em;
|
32
29
|
}
|
33
|
-
|
34
30
|
.ui.segment:last-child {
|
35
31
|
margin-bottom: 0em;
|
36
32
|
}
|
37
|
-
|
38
33
|
.ui.segment:after {
|
39
34
|
content: '';
|
40
35
|
display: block;
|
41
|
-
height:
|
36
|
+
height: 0px;
|
42
37
|
clear: both;
|
43
38
|
visibility: hidden;
|
44
39
|
}
|
45
40
|
|
46
|
-
|
41
|
+
/* Vertical */
|
42
|
+
.ui[class*="vertical segment"] {
|
47
43
|
margin: 0em;
|
48
44
|
padding-left: 0em;
|
49
45
|
padding-right: 0em;
|
50
46
|
background-color: transparent;
|
51
47
|
border-radius: 0px;
|
52
|
-
|
53
|
-
box-shadow: 0px 1px 0px rgba(
|
48
|
+
border: none;
|
49
|
+
box-shadow: 0px -1px 0px rgba(39, 41, 43, 0.15) inset;
|
54
50
|
}
|
55
|
-
|
56
|
-
|
57
|
-
padding-top: 0em;
|
51
|
+
.ui[class*="vertical segment"]:last-child {
|
52
|
+
box-shadow: none;
|
58
53
|
}
|
59
54
|
|
60
|
-
|
55
|
+
/* Horizontal */
|
56
|
+
.ui[class*="horizontal segment"] {
|
61
57
|
margin: 0em;
|
62
58
|
padding-top: 0em;
|
63
59
|
padding-bottom: 0em;
|
64
60
|
background-color: transparent;
|
65
61
|
border-radius: 0px;
|
66
|
-
|
67
|
-
box-shadow: 1px 0px 0px rgba(
|
68
|
-
}
|
69
|
-
|
70
|
-
.ui.horizontal.segment:first-child {
|
71
|
-
padding-left: 0em;
|
62
|
+
border: none;
|
63
|
+
box-shadow: 1px 0px 0px rgba(39, 41, 43, 0.15);
|
72
64
|
}
|
73
65
|
|
74
66
|
/*-------------------
|
75
67
|
Loose Coupling
|
76
68
|
--------------------*/
|
77
69
|
|
78
|
-
|
79
|
-
|
70
|
+
|
71
|
+
/* Header */
|
72
|
+
.ui.inverted.segment > .ui.header {
|
73
|
+
color: #ffffff;
|
80
74
|
}
|
81
75
|
|
82
|
-
|
83
|
-
.ui
|
84
|
-
|
85
|
-
|
76
|
+
/* Label */
|
77
|
+
.ui[class*="bottom attached"].segment > [class*="top attached"].label {
|
78
|
+
border-top-left-radius: 0em;
|
79
|
+
border-top-right-radius: 0em;
|
80
|
+
}
|
81
|
+
.ui[class*="top attached"].segment > [class*="bottom attached"].label {
|
82
|
+
border-bottom-left-radius: 0em;
|
83
|
+
border-bottom-right-radius: 0em;
|
84
|
+
}
|
85
|
+
.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
|
86
|
+
border-top-left-radius: 0em;
|
87
|
+
border-top-right-radius: 0em;
|
88
|
+
}
|
89
|
+
.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
|
90
|
+
border-bottom-left-radius: 0em;
|
91
|
+
border-bottom-right-radius: 0em;
|
86
92
|
}
|
87
93
|
|
88
|
-
|
89
|
-
.ui.grid
|
94
|
+
/* Grid */
|
95
|
+
.ui.page.grid.segment,
|
90
96
|
.ui.grid .ui.segment.column {
|
91
|
-
|
92
|
-
-
|
93
|
-
box-shadow: none;
|
94
|
-
border: none;
|
97
|
+
padding-top: 2em;
|
98
|
+
padding-bottom: 2em;
|
95
99
|
}
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
.ui.segment > :first-child {
|
100
|
-
margin-top: 0em;
|
100
|
+
.ui.grid.segment {
|
101
|
+
margin: 1rem 0rem;
|
102
|
+
border-radius: 0.2857rem;
|
101
103
|
}
|
102
104
|
|
103
|
-
|
104
|
-
|
105
|
+
/* Table */
|
106
|
+
.ui.basic.table.segment {
|
107
|
+
background: #ffffff;
|
108
|
+
border: none;
|
109
|
+
box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
105
110
|
}
|
111
|
+
.ui[class*="very basic"].table.segment {
|
112
|
+
padding: 1em 1em;
|
113
|
+
}
|
114
|
+
|
106
115
|
|
107
116
|
/*******************************
|
108
117
|
Types
|
109
118
|
*******************************/
|
110
119
|
|
120
|
+
|
111
121
|
/*-------------------
|
112
122
|
Piled
|
113
123
|
--------------------*/
|
114
124
|
|
115
125
|
.ui.piled.segment {
|
116
|
-
margin:
|
117
|
-
|
118
|
-
-
|
119
|
-
-o-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
|
120
|
-
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
|
126
|
+
margin: 3em 0em;
|
127
|
+
box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15);
|
128
|
+
z-index: auto;
|
121
129
|
}
|
122
|
-
|
123
130
|
.ui.piled.segment:first-child {
|
124
131
|
margin-top: 0em;
|
125
132
|
}
|
126
|
-
|
127
133
|
.ui.piled.segment:last-child {
|
128
134
|
margin-bottom: 0em;
|
129
135
|
}
|
130
|
-
|
131
136
|
.ui.piled.segment:after,
|
132
137
|
.ui.piled.segment:before {
|
133
|
-
background-color: #
|
138
|
+
background-color: #ffffff;
|
134
139
|
visibility: visible;
|
135
|
-
content:
|
140
|
+
content: '';
|
136
141
|
display: block;
|
137
142
|
height: 100%;
|
138
|
-
left:
|
143
|
+
left: 0px;
|
139
144
|
position: absolute;
|
140
145
|
width: 100%;
|
141
|
-
|
142
|
-
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
|
146
|
+
box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15);
|
143
147
|
}
|
144
|
-
|
145
148
|
.ui.piled.segment:after {
|
146
149
|
-webkit-transform: rotate(1.2deg);
|
147
|
-
|
148
|
-
|
150
|
+
-ms-transform: rotate(1.2deg);
|
151
|
+
transform: rotate(1.2deg);
|
149
152
|
top: 0;
|
150
153
|
z-index: -1;
|
151
154
|
}
|
152
|
-
|
153
155
|
.ui.piled.segment:before {
|
154
156
|
-webkit-transform: rotate(-1.2deg);
|
155
|
-
|
156
|
-
|
157
|
+
-ms-transform: rotate(-1.2deg);
|
158
|
+
transform: rotate(-1.2deg);
|
157
159
|
top: 0;
|
158
160
|
z-index: -2;
|
159
161
|
}
|
160
162
|
|
163
|
+
/* Piled Attached */
|
164
|
+
.ui[class*="top attached"].piled.segment {
|
165
|
+
margin-top: 3em;
|
166
|
+
margin-bottom: 0em;
|
167
|
+
}
|
168
|
+
.ui.piled.segment[class*="top attached"]:first-child {
|
169
|
+
margin-top: 0em;
|
170
|
+
}
|
171
|
+
.ui.piled.segment[class*="bottom attached"] {
|
172
|
+
margin-top: 0em;
|
173
|
+
margin-bottom: 3em;
|
174
|
+
}
|
175
|
+
.ui.piled.segment[class*="bottom attached"]:last-child {
|
176
|
+
margin-bottom: 0em;
|
177
|
+
}
|
178
|
+
|
161
179
|
/*-------------------
|
162
180
|
Stacked
|
163
181
|
--------------------*/
|
164
182
|
|
165
183
|
.ui.stacked.segment {
|
166
|
-
padding-bottom: 1.
|
184
|
+
padding-bottom: 1.4em;
|
167
185
|
}
|
168
|
-
|
169
186
|
.ui.stacked.segment:after,
|
170
187
|
.ui.stacked.segment:before {
|
171
188
|
content: '';
|
172
189
|
position: absolute;
|
173
190
|
bottom: -3px;
|
174
191
|
left: 0%;
|
175
|
-
border-top: 1px solid rgba(
|
176
|
-
background-color: rgba(0, 0, 0, 0.
|
192
|
+
border-top: 1px solid rgba(39, 41, 43, 0.15);
|
193
|
+
background-color: rgba(0, 0, 0, 0.03);
|
177
194
|
width: 100%;
|
178
|
-
height:
|
195
|
+
height: 6px;
|
179
196
|
visibility: visible;
|
180
197
|
}
|
181
|
-
|
182
198
|
.ui.stacked.segment:before {
|
199
|
+
display: none;
|
200
|
+
}
|
201
|
+
|
202
|
+
/* Add additional page */
|
203
|
+
.ui.tall.stacked.segment:before {
|
204
|
+
display: block;
|
183
205
|
bottom: 0px;
|
184
206
|
}
|
185
207
|
|
186
208
|
/* Inverted */
|
187
|
-
|
188
209
|
.ui.stacked.inverted.segment:after,
|
189
210
|
.ui.stacked.inverted.segment:before {
|
190
|
-
background-color: rgba(
|
191
|
-
border-top: 1px solid rgba(
|
211
|
+
background-color: rgba(0, 0, 0, 0.03);
|
212
|
+
border-top: 1px solid rgba(39, 41, 43, 0.3);
|
213
|
+
}
|
214
|
+
|
215
|
+
/*-------------------
|
216
|
+
Compact
|
217
|
+
--------------------*/
|
218
|
+
|
219
|
+
.ui.compact.segment {
|
220
|
+
display: table;
|
192
221
|
}
|
193
222
|
|
194
223
|
/*-------------------
|
@@ -208,23 +237,95 @@
|
|
208
237
|
--------------------*/
|
209
238
|
|
210
239
|
.ui.raised.segment {
|
211
|
-
|
212
|
-
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
|
240
|
+
box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
|
213
241
|
}
|
214
242
|
|
243
|
+
|
215
244
|
/*******************************
|
216
245
|
States
|
217
246
|
*******************************/
|
218
247
|
|
248
|
+
|
249
|
+
/*--------------
|
250
|
+
Disabled
|
251
|
+
---------------*/
|
252
|
+
|
219
253
|
.ui.disabled.segment {
|
220
|
-
opacity: 0.
|
221
|
-
color:
|
254
|
+
opacity: 0.3;
|
255
|
+
color: rgba(40, 40, 40, 0.3);
|
256
|
+
}
|
257
|
+
|
258
|
+
/*--------------
|
259
|
+
Loading
|
260
|
+
---------------*/
|
261
|
+
|
262
|
+
.ui.loading.segment {
|
263
|
+
position: relative;
|
264
|
+
cursor: default;
|
265
|
+
point-events: none;
|
266
|
+
text-shadow: none !important;
|
267
|
+
color: transparent !important;
|
268
|
+
-webkit-transition: all 0s linear;
|
269
|
+
transition: all 0s linear;
|
270
|
+
}
|
271
|
+
.ui.loading.segment:before {
|
272
|
+
position: absolute;
|
273
|
+
content: '';
|
274
|
+
top: 0%;
|
275
|
+
left: 0%;
|
276
|
+
background: rgba(255, 255, 255, 0.8);
|
277
|
+
width: 100%;
|
278
|
+
height: 100%;
|
279
|
+
border-radius: 0.2857rem;
|
280
|
+
z-index: 100;
|
281
|
+
}
|
282
|
+
.ui.loading.segment:after {
|
283
|
+
position: absolute;
|
284
|
+
content: '';
|
285
|
+
top: 50%;
|
286
|
+
left: 50%;
|
287
|
+
margin: -1.5em 0em 0em -1.5em;
|
288
|
+
width: 3em;
|
289
|
+
height: 3em;
|
290
|
+
-webkit-animation: segment-spin 0.6s linear;
|
291
|
+
animation: segment-spin 0.6s linear;
|
292
|
+
-webkit-animation-iteration-count: infinite;
|
293
|
+
animation-iteration-count: infinite;
|
294
|
+
border-radius: 500rem;
|
295
|
+
border-color: #aaaaaa rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
|
296
|
+
border-style: solid;
|
297
|
+
border-width: 0.2em;
|
298
|
+
box-shadow: 0px 0px 0px 1px transparent;
|
299
|
+
visibility: visible;
|
300
|
+
z-index: 101;
|
301
|
+
}
|
302
|
+
@-webkit-keyframes segment-spin {
|
303
|
+
from {
|
304
|
+
-webkit-transform: rotate(0deg);
|
305
|
+
transform: rotate(0deg);
|
306
|
+
}
|
307
|
+
to {
|
308
|
+
-webkit-transform: rotate(360deg);
|
309
|
+
transform: rotate(360deg);
|
310
|
+
}
|
311
|
+
}
|
312
|
+
@keyframes segment-spin {
|
313
|
+
from {
|
314
|
+
-webkit-transform: rotate(0deg);
|
315
|
+
transform: rotate(0deg);
|
316
|
+
}
|
317
|
+
to {
|
318
|
+
-webkit-transform: rotate(360deg);
|
319
|
+
transform: rotate(360deg);
|
320
|
+
}
|
222
321
|
}
|
223
322
|
|
323
|
+
|
224
324
|
/*******************************
|
225
325
|
Variations
|
226
326
|
*******************************/
|
227
327
|
|
328
|
+
|
228
329
|
/*-------------------
|
229
330
|
Basic
|
230
331
|
--------------------*/
|
@@ -232,15 +333,12 @@
|
|
232
333
|
.ui.basic.segment {
|
233
334
|
position: relative;
|
234
335
|
background-color: transparent;
|
235
|
-
-webkit-box-shadow: none;
|
236
336
|
box-shadow: none;
|
237
337
|
border-radius: 0px;
|
238
338
|
}
|
239
|
-
|
240
339
|
.ui.basic.segment:first-child {
|
241
340
|
padding-top: 0em;
|
242
341
|
}
|
243
|
-
|
244
342
|
.ui.basic.segment:last-child {
|
245
343
|
padding-bottom: 0em;
|
246
344
|
}
|
@@ -257,104 +355,138 @@
|
|
257
355
|
Colors
|
258
356
|
--------------------*/
|
259
357
|
|
260
|
-
.ui.
|
261
|
-
border-top:
|
358
|
+
.ui.black.segment:not(.inverted) {
|
359
|
+
border-top: 2px solid #1b1c1d;
|
262
360
|
}
|
263
|
-
|
264
|
-
|
265
|
-
border-top: 0.2em solid #A1CF64;
|
361
|
+
.ui.blue.segment:not(.inverted) {
|
362
|
+
border-top: 2px solid #3b83c0;
|
266
363
|
}
|
267
|
-
|
268
|
-
|
269
|
-
border-top: 0.2em solid #D95C5C;
|
364
|
+
.ui.green.segment:not(.inverted) {
|
365
|
+
border-top: 2px solid #5bbd72;
|
270
366
|
}
|
271
|
-
|
272
|
-
|
273
|
-
border-top: 0.2em solid #F05940;
|
367
|
+
.ui.orange.segment:not(.inverted) {
|
368
|
+
border-top: 2px solid #e07b53;
|
274
369
|
}
|
275
|
-
|
276
|
-
|
277
|
-
border-top: 0.2em solid #564F8A;
|
370
|
+
.ui.pink.segment:not(.inverted) {
|
371
|
+
border-top: 2px solid #d9499a;
|
278
372
|
}
|
279
|
-
|
280
|
-
|
281
|
-
|
373
|
+
.ui.purple.segment:not(.inverted) {
|
374
|
+
border-top: 2px solid #564f8a;
|
375
|
+
}
|
376
|
+
.ui.red.segment:not(.inverted) {
|
377
|
+
border-top: 2px solid #d95c5c;
|
378
|
+
}
|
379
|
+
.ui.teal.segment:not(.inverted) {
|
380
|
+
border-top: 2px solid #00b5ad;
|
381
|
+
}
|
382
|
+
.ui.yellow.segment:not(.inverted) {
|
383
|
+
border-top: 2px solid #f2c61f;
|
384
|
+
}
|
385
|
+
.ui.black.segment:not(.inverted):not(.attached) {
|
386
|
+
border-top-left-radius: 0.2857rem !important;
|
387
|
+
border-top-right-radius: 0.2857rem !important;
|
388
|
+
}
|
389
|
+
.ui.blue.segment:not(.inverted):not(.attached) {
|
390
|
+
border-top-left-radius: 0.2857rem !important;
|
391
|
+
border-top-right-radius: 0.2857rem !important;
|
392
|
+
}
|
393
|
+
.ui.green.segment:not(.inverted):not(.attached) {
|
394
|
+
border-top-left-radius: 0.2857rem !important;
|
395
|
+
border-top-right-radius: 0.2857rem !important;
|
396
|
+
}
|
397
|
+
.ui.orange.segment:not(.inverted):not(.attached) {
|
398
|
+
border-top-left-radius: 0.2857rem !important;
|
399
|
+
border-top-right-radius: 0.2857rem !important;
|
400
|
+
}
|
401
|
+
.ui.pink.segment:not(.inverted):not(.attached) {
|
402
|
+
border-top-left-radius: 0.2857rem !important;
|
403
|
+
border-top-right-radius: 0.2857rem !important;
|
404
|
+
}
|
405
|
+
.ui.purple.segment:not(.inverted):not(.attached) {
|
406
|
+
border-top-left-radius: 0.2857rem !important;
|
407
|
+
border-top-right-radius: 0.2857rem !important;
|
408
|
+
}
|
409
|
+
.ui.red.segment:not(.inverted):not(.attached) {
|
410
|
+
border-top-left-radius: 0.2857rem !important;
|
411
|
+
border-top-right-radius: 0.2857rem !important;
|
412
|
+
}
|
413
|
+
.ui.teal.segment:not(.inverted):not(.attached) {
|
414
|
+
border-top-left-radius: 0.2857rem !important;
|
415
|
+
border-top-right-radius: 0.2857rem !important;
|
416
|
+
}
|
417
|
+
.ui.yellow.segment:not(.inverted):not(.attached) {
|
418
|
+
border-top-left-radius: 0.2857rem !important;
|
419
|
+
border-top-right-radius: 0.2857rem !important;
|
282
420
|
}
|
283
421
|
|
284
422
|
/*-------------------
|
285
423
|
Inverted Colors
|
286
424
|
--------------------*/
|
287
425
|
|
426
|
+
.ui.inverted.segment,
|
288
427
|
.ui.inverted.black.segment {
|
289
|
-
background-color: #
|
290
|
-
color: #
|
428
|
+
background-color: #1b1c1d !important;
|
429
|
+
color: #ffffff !important;
|
291
430
|
}
|
292
|
-
|
293
431
|
.ui.inverted.blue.segment {
|
294
|
-
background-color: #
|
295
|
-
color: #
|
432
|
+
background-color: #3b83c0 !important;
|
433
|
+
color: #ffffff !important;
|
296
434
|
}
|
297
|
-
|
298
435
|
.ui.inverted.green.segment {
|
299
|
-
background-color: #
|
300
|
-
color: #
|
436
|
+
background-color: #5bbd72 !important;
|
437
|
+
color: #ffffff !important;
|
301
438
|
}
|
302
|
-
|
303
|
-
.ui.inverted.red.segment {
|
304
|
-
background-color: #D95C5C !important;
|
305
|
-
color: #FFFFFF !important;
|
306
|
-
}
|
307
|
-
|
308
439
|
.ui.inverted.orange.segment {
|
309
|
-
background-color: #
|
310
|
-
color: #
|
440
|
+
background-color: #e07b53 !important;
|
441
|
+
color: #ffffff !important;
|
442
|
+
}
|
443
|
+
.ui.inverted.pink.segment {
|
444
|
+
background-color: #d9499a !important;
|
445
|
+
color: #ffffff !important;
|
311
446
|
}
|
312
|
-
|
313
447
|
.ui.inverted.purple.segment {
|
314
|
-
background-color: #
|
315
|
-
color: #
|
448
|
+
background-color: #564f8a !important;
|
449
|
+
color: #ffffff !important;
|
450
|
+
}
|
451
|
+
.ui.inverted.red.segment {
|
452
|
+
background-color: #d95c5c !important;
|
453
|
+
color: #ffffff !important;
|
316
454
|
}
|
317
|
-
|
318
455
|
.ui.inverted.teal.segment {
|
319
|
-
background-color: #
|
320
|
-
color: #
|
456
|
+
background-color: #00b5ad !important;
|
457
|
+
color: #ffffff !important;
|
458
|
+
}
|
459
|
+
.ui.inverted.yellow.segment {
|
460
|
+
background-color: #f2c61f !important;
|
461
|
+
color: #ffffff !important;
|
321
462
|
}
|
322
463
|
|
323
464
|
/*-------------------
|
324
465
|
Aligned
|
325
466
|
--------------------*/
|
326
467
|
|
327
|
-
.ui
|
468
|
+
.ui[class*="left aligned"].segment {
|
328
469
|
text-align: left;
|
329
470
|
}
|
330
|
-
|
331
|
-
.ui.right.aligned.segment {
|
471
|
+
.ui[class*="right aligned"].segment {
|
332
472
|
text-align: right;
|
333
473
|
}
|
334
|
-
|
335
|
-
.ui.center.aligned.segment {
|
474
|
+
.ui[class*="center aligned"].segment {
|
336
475
|
text-align: center;
|
337
476
|
}
|
338
477
|
|
339
|
-
.ui.justified.segment {
|
340
|
-
text-align: justify;
|
341
|
-
-webkit-hyphens: auto;
|
342
|
-
-moz-hyphens: auto;
|
343
|
-
-ms-hyphens: auto;
|
344
|
-
hyphens: auto;
|
345
|
-
}
|
346
|
-
|
347
478
|
/*-------------------
|
348
479
|
Floated
|
349
480
|
--------------------*/
|
350
481
|
|
351
482
|
.ui.floated.segment,
|
352
|
-
.ui
|
483
|
+
.ui[class*="left floated"].segment {
|
353
484
|
float: left;
|
485
|
+
margin-right: 1rem;
|
354
486
|
}
|
355
|
-
|
356
|
-
.ui.right.floated.segment {
|
487
|
+
.ui[class*="right floated"].segment {
|
357
488
|
float: right;
|
489
|
+
margin-left: 1rem;
|
358
490
|
}
|
359
491
|
|
360
492
|
/*-------------------
|
@@ -363,59 +495,45 @@
|
|
363
495
|
|
364
496
|
.ui.inverted.segment {
|
365
497
|
border: none;
|
366
|
-
-webkit-box-shadow: none;
|
367
498
|
box-shadow: none;
|
368
499
|
}
|
369
|
-
|
370
500
|
.ui.inverted.segment .segment {
|
371
|
-
color: rgba(0, 0, 0, 0.
|
501
|
+
color: rgba(0, 0, 0, 0.8);
|
372
502
|
}
|
373
|
-
|
374
503
|
.ui.inverted.segment .inverted.segment {
|
375
|
-
color: #
|
504
|
+
color: #ffffff;
|
376
505
|
}
|
377
|
-
|
378
506
|
.ui.inverted.segment,
|
379
507
|
.ui.primary.inverted.segment {
|
380
|
-
background-color: #
|
381
|
-
color: #
|
508
|
+
background-color: #1b1c1d;
|
509
|
+
color: #ffffff;
|
510
|
+
}
|
511
|
+
.ui.inverted.block.segment,
|
512
|
+
.ui.inverted.attached.segment {
|
513
|
+
border-color: #555555;
|
382
514
|
}
|
383
515
|
|
384
516
|
/*-------------------
|
385
517
|
Ordinality
|
386
518
|
--------------------*/
|
387
519
|
|
388
|
-
.ui.primary.segment {
|
389
|
-
background-color: #FFFFFF;
|
390
|
-
color: #555555;
|
391
|
-
}
|
392
|
-
|
393
520
|
.ui.secondary.segment {
|
394
|
-
background
|
395
|
-
color:
|
521
|
+
background: #faf9fa;
|
522
|
+
color: rgba(0, 0, 0, 0.8);
|
396
523
|
}
|
397
|
-
|
398
524
|
.ui.tertiary.segment {
|
399
|
-
background
|
400
|
-
color:
|
525
|
+
background: #ebebeb;
|
526
|
+
color: rgba(0, 0, 0, 0.8);
|
401
527
|
}
|
402
|
-
|
403
528
|
.ui.secondary.inverted.segment {
|
404
|
-
background
|
405
|
-
background
|
406
|
-
|
407
|
-
background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
|
408
|
-
background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
|
409
|
-
color: #FAFAFA;
|
529
|
+
background: -webkit-linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
|
530
|
+
background: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
|
531
|
+
color: #fafafa;
|
410
532
|
}
|
411
|
-
|
412
533
|
.ui.tertiary.inverted.segment {
|
413
|
-
background
|
414
|
-
background
|
415
|
-
|
416
|
-
background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6)));
|
417
|
-
background-image: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
|
418
|
-
color: #EEEEEE;
|
534
|
+
background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
|
535
|
+
background: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
|
536
|
+
color: #f0f0f0;
|
419
537
|
}
|
420
538
|
|
421
539
|
/*-------------------
|
@@ -423,34 +541,54 @@
|
|
423
541
|
--------------------*/
|
424
542
|
|
425
543
|
.ui.segment.attached {
|
426
|
-
top:
|
427
|
-
bottom:
|
544
|
+
top: 0px;
|
545
|
+
bottom: 0px;
|
546
|
+
margin: 0em -1px;
|
547
|
+
width: -webkit-calc(100% + 2px );
|
548
|
+
width: calc(100% + 2px );
|
549
|
+
max-width: -webkit-calc(100% + 2px );
|
550
|
+
max-width: calc(100% + 2px );
|
428
551
|
border-radius: 0px;
|
429
|
-
|
430
|
-
|
431
|
-
|
552
|
+
box-shadow: none;
|
553
|
+
border: 1px solid #d4d4d5;
|
554
|
+
}
|
555
|
+
.ui.segment.attached + .ui.segment.attached:not(.top) {
|
556
|
+
border-top: none;
|
432
557
|
}
|
433
558
|
|
434
|
-
|
559
|
+
/* Top */
|
560
|
+
.ui[class*="top attached"].segment {
|
435
561
|
top: 0px;
|
436
|
-
bottom:
|
437
|
-
margin-top:
|
562
|
+
bottom: 0px;
|
563
|
+
margin-top: 1rem;
|
438
564
|
margin-bottom: 0em;
|
439
|
-
border-radius:
|
565
|
+
border-radius: 0.2857rem 0.2857rem 0em 0em;
|
440
566
|
}
|
441
|
-
|
442
|
-
.ui.segment.top.attached:first-child {
|
567
|
+
.ui.segment[class*="top attached"]:first-child {
|
443
568
|
margin-top: 0em;
|
444
569
|
}
|
445
570
|
|
446
|
-
|
447
|
-
|
571
|
+
/* Bottom */
|
572
|
+
.ui.segment[class*="bottom attached"] {
|
573
|
+
top: 0px;
|
448
574
|
bottom: 0px;
|
449
575
|
margin-top: 0em;
|
450
|
-
margin-bottom:
|
451
|
-
|
576
|
+
margin-bottom: 1rem;
|
577
|
+
box-shadow: none, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
578
|
+
border-radius: 0em 0em 0.2857rem 0.2857rem;
|
452
579
|
}
|
453
|
-
|
454
|
-
.ui.segment.bottom.attached:last-child {
|
580
|
+
.ui.segment[class*="bottom attached"]:last-child {
|
455
581
|
margin-bottom: 0em;
|
456
|
-
}
|
582
|
+
}
|
583
|
+
|
584
|
+
|
585
|
+
/*******************************
|
586
|
+
Theme Overrides
|
587
|
+
*******************************/
|
588
|
+
|
589
|
+
|
590
|
+
|
591
|
+
/*******************************
|
592
|
+
Site Overrides
|
593
|
+
*******************************/
|
594
|
+
|