semantic-ui-sass 0.8.1.0 → 0.8.2.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 +8 -0
- data/README.md +1 -1
- data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
- data/app/assets/javascripts/semantic-ui/modal.js +11 -6
- data/app/assets/javascripts/semantic-ui/popup.js +0 -1
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
- data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
- data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
- data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
- data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
- data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
- data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/semantic-ui-sass.gemspec +1 -1
- data/spec/dummy/config/application.rb +1 -1
- data/spec/spec_helper.rb +0 -1
- data/tasks/converter.rb +7 -0
- metadata +4 -7
- data/spec/dummy/config/database.yml +0 -25
@@ -15,15 +15,12 @@
|
|
15
15
|
|
16
16
|
.ui.search {
|
17
17
|
position: relative;
|
18
|
-
|
19
18
|
text-shadow: none;
|
20
19
|
font-style: normal;
|
21
20
|
font-weight: normal;
|
22
21
|
}
|
23
22
|
|
24
23
|
.ui.search input {
|
25
|
-
-webkit-border-radius: 500rem;
|
26
|
-
-moz-border-radius: 500rem;
|
27
24
|
border-radius: 500rem;
|
28
25
|
}
|
29
26
|
|
@@ -37,11 +34,8 @@
|
|
37
34
|
float: right;
|
38
35
|
margin: 0px 0px 0px -15px;
|
39
36
|
padding: 6px 15px 7px;
|
40
|
-
-webkit-border-radius: 0px 15px 15px 0px;
|
41
|
-
-moz-border-radius: 0px 15px 15px 0px;
|
42
37
|
border-radius: 0px 15px 15px 0px;
|
43
38
|
-webkit-box-shadow: none;
|
44
|
-
-moz-box-shadow: none;
|
45
39
|
box-shadow: none;
|
46
40
|
}
|
47
41
|
|
@@ -51,62 +45,50 @@
|
|
51
45
|
|
52
46
|
.ui.search .results {
|
53
47
|
display: none;
|
54
|
-
|
55
48
|
position: absolute;
|
56
49
|
z-index: 999;
|
57
50
|
top: 100%;
|
58
51
|
left: 0px;
|
59
|
-
|
60
52
|
overflow: hidden;
|
61
53
|
background-color: #FFFFFF;
|
62
|
-
|
63
54
|
margin-top: 0.5em;
|
64
55
|
width: 380px;
|
65
56
|
font-size: 0.875em;
|
66
57
|
line-height: 1.2;
|
67
58
|
color: #555555;
|
68
|
-
|
69
|
-
-webkit-border-radius: 3px;
|
70
|
-
-moz-border-radius: 3px;
|
71
59
|
border-radius: 3px;
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
|
76
|
-
;
|
77
|
-
-moz-box-shadow:
|
78
|
-
0px 0px 1px 1px rgba(0, 0, 0, 0.1),
|
79
|
-
0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
|
80
|
-
;
|
81
|
-
box-shadow:
|
82
|
-
0px 0px 1px 1px rgba(0, 0, 0, 0.1),
|
83
|
-
0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
|
84
|
-
;
|
60
|
+
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1),
|
61
|
+
0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
|
62
|
+
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1),
|
63
|
+
0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset;
|
85
64
|
}
|
65
|
+
|
86
66
|
.ui.search .result {
|
87
67
|
cursor: pointer;
|
88
68
|
overflow: hidden;
|
89
69
|
padding: 0.5em 1em;
|
90
70
|
}
|
71
|
+
|
91
72
|
.ui.search .result:first-child {
|
92
73
|
border-top: none;
|
93
74
|
}
|
75
|
+
|
94
76
|
.ui.search .result .image {
|
95
77
|
background: #F0F0F0;
|
96
78
|
margin-right: 10px;
|
97
79
|
float: left;
|
98
80
|
overflow: hidden;
|
99
|
-
-webkit-border-radius: 3px;
|
100
|
-
-moz-border-radius: 3px;
|
101
81
|
border-radius: 3px;
|
102
82
|
width: 38px;
|
103
83
|
height: 38px;
|
104
84
|
}
|
85
|
+
|
105
86
|
.ui.search .result .image img {
|
106
87
|
display: block;
|
107
88
|
width: 38px;
|
108
89
|
height: 38px;
|
109
90
|
}
|
91
|
+
|
110
92
|
.ui.search .result .image ~ .info {
|
111
93
|
float: none;
|
112
94
|
margin-left: 50px;
|
@@ -115,13 +97,16 @@
|
|
115
97
|
.ui.search .result .info {
|
116
98
|
float: left;
|
117
99
|
}
|
100
|
+
|
118
101
|
.ui.search .result .title {
|
119
102
|
font-weight: bold;
|
120
103
|
color: rgba(0, 0, 0, 0.8);
|
121
104
|
}
|
105
|
+
|
122
106
|
.ui.search .result .description {
|
123
107
|
color: rgba(0, 0, 0, 0.6);
|
124
108
|
}
|
109
|
+
|
125
110
|
.ui.search .result .price {
|
126
111
|
float: right;
|
127
112
|
color: #5BBD72;
|
@@ -135,35 +120,31 @@
|
|
135
120
|
.ui.search .message {
|
136
121
|
padding: 1em;
|
137
122
|
}
|
123
|
+
|
138
124
|
.ui.search .message .text .title {
|
139
125
|
margin: 0em 0em 0.5rem;
|
140
|
-
|
141
126
|
font-size: 1.25rem;
|
142
127
|
font-weight: bold;
|
143
128
|
color: rgba(0, 0, 0, 0.8);
|
144
129
|
}
|
130
|
+
|
145
131
|
.ui.search .message .text .description {
|
146
132
|
margin: 0em;
|
147
133
|
font-size: 1rem;
|
148
134
|
color: rgba(0, 0, 0, 0.5);
|
149
135
|
}
|
150
136
|
|
151
|
-
|
152
137
|
/*--------------
|
153
138
|
Categories
|
154
139
|
---------------*/
|
155
140
|
|
156
141
|
.ui.search .results .category {
|
157
142
|
background-color: #FAFAFA;
|
158
|
-
|
159
143
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
160
|
-
|
161
144
|
-webkit-transition: background 0.2s ease-in;
|
162
|
-
-moz-transition: background 0.2s ease-in;
|
163
|
-
-o-transition: background 0.2s ease-in;
|
164
|
-
-ms-transition: background 0.2s ease-in;
|
165
145
|
transition: background 0.2s ease-in;
|
166
146
|
}
|
147
|
+
|
167
148
|
.ui.search .results .category:first-child {
|
168
149
|
border-top: none;
|
169
150
|
}
|
@@ -175,6 +156,7 @@
|
|
175
156
|
color: #777777;
|
176
157
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
|
177
158
|
}
|
159
|
+
|
178
160
|
.ui.search .results .category .result {
|
179
161
|
background-color: #FFFFFF;
|
180
162
|
margin-left: 80px;
|
@@ -182,20 +164,18 @@
|
|
182
164
|
}
|
183
165
|
|
184
166
|
/* View All Results */
|
167
|
+
|
185
168
|
.ui.search .all {
|
186
169
|
display: block;
|
187
|
-
|
188
170
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
189
171
|
background-color: #FAFAFA;
|
190
172
|
height: 2em;
|
191
173
|
line-height: 2em;
|
192
174
|
color: rgba(0, 0, 0, 0.6);
|
193
|
-
|
194
175
|
font-weight: bold;
|
195
176
|
text-align: center;
|
196
177
|
}
|
197
178
|
|
198
|
-
|
199
179
|
/*******************************
|
200
180
|
States
|
201
181
|
*******************************/
|
@@ -208,6 +188,7 @@
|
|
208
188
|
.ui.search .category .result:hover {
|
209
189
|
background-color: #F8F8F8;
|
210
190
|
}
|
191
|
+
|
211
192
|
.ui.search .all:hover {
|
212
193
|
background-color: #F0F0F0;
|
213
194
|
}
|
@@ -219,12 +200,12 @@
|
|
219
200
|
.ui.search.loading .input .icon {
|
220
201
|
background: image-url("semantic-ui/loader-mini.gif") no-repeat 50% 50%;
|
221
202
|
}
|
203
|
+
|
222
204
|
.ui.search.loading .input .icon:before,
|
223
205
|
.ui.search.loading .input .icon:after {
|
224
206
|
display: none;
|
225
207
|
}
|
226
208
|
|
227
|
-
|
228
209
|
/*--------------
|
229
210
|
Active
|
230
211
|
---------------*/
|
@@ -232,6 +213,7 @@
|
|
232
213
|
.ui.search .results .category.active {
|
233
214
|
background-color: #F1F1F1;
|
234
215
|
}
|
216
|
+
|
235
217
|
.ui.search .results .category.active > .name {
|
236
218
|
color: #333333;
|
237
219
|
}
|
@@ -240,34 +222,35 @@
|
|
240
222
|
.ui.search .category .result.active {
|
241
223
|
background-color: #FBFBFB;
|
242
224
|
}
|
225
|
+
|
243
226
|
.ui.search .result.active .title {
|
244
227
|
color: #000000;
|
245
228
|
}
|
229
|
+
|
246
230
|
.ui.search .result.active .description {
|
247
231
|
color: #555555;
|
248
232
|
}
|
249
233
|
|
250
|
-
|
251
|
-
|
252
234
|
/*******************************
|
253
235
|
Variations
|
254
236
|
*******************************/
|
255
237
|
|
256
|
-
|
257
|
-
|
258
238
|
/* Large */
|
239
|
+
|
259
240
|
.ui.search .large.result .image,
|
260
241
|
.ui.search .large.result .image img {
|
261
242
|
width: 50px;
|
262
243
|
height: 50px;
|
263
244
|
}
|
245
|
+
|
264
246
|
.ui.search .large.results .indented.info {
|
265
247
|
margin-left: 65px;
|
266
248
|
}
|
249
|
+
|
267
250
|
.ui.search .large.results .info .title {
|
268
251
|
font-size: 16px;
|
269
252
|
}
|
253
|
+
|
270
254
|
.ui.search .large.results .info .description {
|
271
255
|
font-size: 11px;
|
272
|
-
}
|
273
|
-
|
256
|
+
}
|
@@ -16,22 +16,17 @@
|
|
16
16
|
.ui.shape {
|
17
17
|
display: inline-block;
|
18
18
|
position: relative;
|
19
|
-
|
20
19
|
-webkit-perspective: 2000px;
|
21
|
-
-moz-perspective: 2000px;
|
22
20
|
-ms-perspective: 2000px;
|
23
21
|
perspective: 2000px;
|
24
|
-
|
25
22
|
-webkit-box-sizing: border-box;
|
26
23
|
-moz-box-sizing: border-box;
|
27
24
|
-ms-box-sizing: border-box;
|
28
25
|
box-sizing: border-box;
|
29
|
-
|
30
26
|
}
|
31
27
|
|
32
28
|
.ui.shape .sides {
|
33
29
|
-webkit-transform-style: preserve-3d;
|
34
|
-
-moz-transform-style: preserve-3d;
|
35
30
|
-ms-transform-style: preserve-3d;
|
36
31
|
transform-style: preserve-3d;
|
37
32
|
}
|
@@ -39,14 +34,10 @@
|
|
39
34
|
.ui.shape .side {
|
40
35
|
opacity: 1;
|
41
36
|
width: 100%;
|
42
|
-
|
43
37
|
margin: 0em !important;
|
44
|
-
|
45
38
|
-webkit-backface-visibility: hidden;
|
46
|
-
-moz-backface-visibility: hidden;
|
47
39
|
-ms-backface-visibility: hidden;
|
48
40
|
backface-visibility: hidden;
|
49
|
-
|
50
41
|
-webkit-box-sizing: border-box;
|
51
42
|
-moz-box-sizing: border-box;
|
52
43
|
-ms-box-sizing: border-box;
|
@@ -57,7 +48,6 @@
|
|
57
48
|
display: none;
|
58
49
|
}
|
59
50
|
|
60
|
-
|
61
51
|
/*******************************
|
62
52
|
Types
|
63
53
|
*******************************/
|
@@ -65,28 +55,24 @@
|
|
65
55
|
.ui.cube.shape .side {
|
66
56
|
min-width: 15em;
|
67
57
|
height: 15em;
|
68
|
-
|
69
58
|
padding: 2em;
|
70
|
-
|
71
59
|
background-color: #E6E6E6;
|
72
60
|
color: rgba(0, 0, 0, 0.6);
|
73
|
-
|
74
|
-
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
|
75
61
|
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
|
76
62
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
|
77
63
|
}
|
64
|
+
|
78
65
|
.ui.cube.shape .side > .content {
|
79
66
|
width: 100%;
|
80
67
|
height: 100%;
|
81
68
|
display: table;
|
82
|
-
|
83
69
|
text-align: center;
|
84
|
-
|
85
70
|
-webkit-user-select: text;
|
86
71
|
-moz-user-select: text;
|
87
72
|
-ms-user-select: text;
|
88
73
|
user-select: text;
|
89
74
|
}
|
75
|
+
|
90
76
|
.ui.cube.shape .side > .content > div {
|
91
77
|
display: table-cell;
|
92
78
|
vertical-align: middle;
|
@@ -100,14 +86,15 @@
|
|
100
86
|
.ui.text.shape.animating .sides {
|
101
87
|
position: static;
|
102
88
|
}
|
89
|
+
|
103
90
|
.ui.text.shape .side {
|
104
91
|
white-space: nowrap;
|
105
92
|
}
|
93
|
+
|
106
94
|
.ui.text.shape .side > * {
|
107
95
|
white-space: normal;
|
108
96
|
}
|
109
97
|
|
110
|
-
|
111
98
|
/*******************************
|
112
99
|
States
|
113
100
|
*******************************/
|
@@ -122,7 +109,6 @@
|
|
122
109
|
left: -9999px;
|
123
110
|
}
|
124
111
|
|
125
|
-
|
126
112
|
/*--------------
|
127
113
|
Animating
|
128
114
|
---------------*/
|
@@ -133,51 +119,34 @@
|
|
133
119
|
left: 0px;
|
134
120
|
z-index: 100;
|
135
121
|
}
|
122
|
+
|
136
123
|
.ui.shape .hidden.side {
|
137
124
|
opacity: 0.4;
|
138
125
|
}
|
139
126
|
|
140
|
-
|
141
127
|
/*--------------
|
142
128
|
CSS
|
143
129
|
---------------*/
|
144
130
|
|
145
131
|
.ui.shape.animating {
|
146
|
-
-webkit-transition:
|
147
|
-
|
148
|
-
;
|
149
|
-
-moz-transition:
|
150
|
-
all 0.6s ease-in-out;
|
151
|
-
;
|
152
|
-
-o-transition:
|
153
|
-
all 0.6s ease-in-out;
|
154
|
-
;
|
155
|
-
-ms-transition:
|
156
|
-
all 0.6s ease-in-out;
|
157
|
-
;
|
158
|
-
transition:
|
159
|
-
all 0.6s ease-in-out;
|
160
|
-
;
|
132
|
+
-webkit-transition: all 0.6s ease-in-out;
|
133
|
+
transition: all 0.6s ease-in-out;
|
161
134
|
}
|
135
|
+
|
162
136
|
.ui.shape.animating .sides {
|
163
137
|
position: absolute;
|
164
138
|
}
|
139
|
+
|
165
140
|
.ui.shape.animating .sides {
|
166
141
|
-webkit-transition: all 0.6s ease-in-out;
|
167
|
-
-moz-transition: all 0.6s ease-in-out;
|
168
|
-
-o-transition: all 0.6s ease-in-out;
|
169
|
-
-ms-transition: all 0.6s ease-in-out;
|
170
142
|
transition: all 0.6s ease-in-out;
|
171
143
|
}
|
144
|
+
|
172
145
|
.ui.shape.animating .side {
|
173
146
|
-webkit-transition: opacity 0.6s ease-in-out;
|
174
|
-
-moz-transition: opacity 0.6s ease-in-out;
|
175
|
-
-o-transition: opacity 0.6s ease-in-out;
|
176
|
-
-ms-transition: opacity 0.6s ease-in-out;
|
177
147
|
transition: opacity 0.6s ease-in-out;
|
178
148
|
}
|
179
149
|
|
180
|
-
|
181
150
|
/*--------------
|
182
151
|
Active
|
183
152
|
---------------*/
|
@@ -8,78 +8,38 @@
|
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
10
10
|
*/
|
11
|
+
|
11
12
|
/*******************************
|
12
13
|
Sidebar
|
13
14
|
*******************************/
|
14
15
|
|
15
16
|
body {
|
16
|
-
-webkit-transition:
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
-moz-transition:
|
21
|
-
margin 0.3s ease,
|
22
|
-
-moz-transform 0.3s ease
|
23
|
-
;
|
24
|
-
-o-transition:
|
25
|
-
margin 0.3s ease,
|
26
|
-
transform 0.3s ease
|
27
|
-
;
|
28
|
-
-ms-transition:
|
29
|
-
margin 0.3s ease,
|
30
|
-
transform 0.3s ease
|
31
|
-
;
|
32
|
-
transition:
|
33
|
-
margin 0.3s ease,
|
34
|
-
transform 0.3s ease
|
35
|
-
;
|
17
|
+
-webkit-transition: margin 0.3s ease,
|
18
|
+
-webkit-transform 0.3s ease;
|
19
|
+
transition: margin 0.3s ease,
|
20
|
+
transform 0.3s ease;
|
36
21
|
}
|
37
22
|
|
38
23
|
.ui.sidebar {
|
39
24
|
position: fixed;
|
40
|
-
|
41
25
|
margin: 0 !important;
|
42
|
-
|
43
26
|
height: 100% !important;
|
44
|
-
|
45
|
-
-webkit-border-radius: 0px !important;
|
46
|
-
-moz-border-radius: 0px !important;
|
47
27
|
border-radius: 0px !important;
|
48
|
-
|
49
28
|
-webkit-box-sizing: border-box;
|
50
29
|
-moz-box-sizing: border-box;
|
51
30
|
-ms-box-sizing: border-box;
|
52
31
|
box-sizing: border-box;
|
53
|
-
|
54
32
|
-ms-overflow-y: auto;
|
55
33
|
overflow-y: auto;
|
56
34
|
top: 0px;
|
57
35
|
left: 0px;
|
58
36
|
z-index: 999;
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
margin-top 0.3s ease
|
63
|
-
;
|
64
|
-
-moz-transition:
|
65
|
-
margin-left 0.3s ease,
|
66
|
-
margin-top 0.3s ease
|
67
|
-
;
|
68
|
-
-o-transition:
|
69
|
-
margin-left 0.3s ease,
|
70
|
-
margin-top 0.3s ease
|
71
|
-
;
|
72
|
-
-ms-transition:
|
73
|
-
margin-left 0.3s ease,
|
74
|
-
margin-top 0.3s ease
|
75
|
-
;
|
76
|
-
transition:
|
77
|
-
margin-left 0.3s ease,
|
78
|
-
margin-top 0.3s ease
|
79
|
-
;
|
37
|
+
-webkit-transition: margin-left 0.3s ease,
|
38
|
+
margin-top 0.3s ease;
|
39
|
+
transition: margin-left 0.3s ease,
|
40
|
+
margin-top 0.3s ease;
|
80
41
|
}
|
81
42
|
|
82
|
-
|
83
43
|
/*******************************
|
84
44
|
Types
|
85
45
|
*******************************/
|
@@ -88,7 +48,6 @@ body {
|
|
88
48
|
Direction
|
89
49
|
--------------------*/
|
90
50
|
|
91
|
-
|
92
51
|
.ui.right.sidebar {
|
93
52
|
left: 100%;
|
94
53
|
margin: 0px !important;
|
@@ -104,7 +63,6 @@ body {
|
|
104
63
|
margin: 0px !important;
|
105
64
|
}
|
106
65
|
|
107
|
-
|
108
66
|
/*******************************
|
109
67
|
States
|
110
68
|
*******************************/
|
@@ -112,12 +70,12 @@ body {
|
|
112
70
|
.ui.active.sidebar {
|
113
71
|
margin-left: 0px !important;
|
114
72
|
}
|
73
|
+
|
115
74
|
.ui.active.top.sidebar,
|
116
75
|
.ui.active.bottom.sidebar {
|
117
76
|
margin-top: 0px !important;
|
118
77
|
}
|
119
78
|
|
120
|
-
|
121
79
|
/*******************************
|
122
80
|
Variations
|
123
81
|
*******************************/
|
@@ -129,123 +87,136 @@ body {
|
|
129
87
|
.ui.styled.sidebar {
|
130
88
|
padding: 1em 1.5em;
|
131
89
|
background-color: #FFFFFF;
|
90
|
+
-webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1);
|
132
91
|
box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1);
|
133
92
|
}
|
93
|
+
|
134
94
|
.ui.styled.very.thin.sidebar {
|
135
95
|
padding: 0.5em;
|
136
96
|
}
|
97
|
+
|
137
98
|
.ui.styled.thin.sidebar {
|
138
99
|
padding: 1em;
|
139
100
|
}
|
140
101
|
|
141
|
-
|
142
102
|
/*-------------------
|
143
103
|
Floating
|
144
104
|
--------------------*/
|
145
105
|
|
146
106
|
.ui.floating.sidebar {
|
147
107
|
-webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
|
148
|
-
-moz-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
|
149
108
|
box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
|
150
109
|
}
|
151
110
|
|
152
111
|
.ui.right.floating.sidebar {
|
153
112
|
-webkit-box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2);
|
154
|
-
-moz-box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2);
|
155
113
|
box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2);
|
156
114
|
}
|
157
115
|
|
158
116
|
.ui.top.floating.sidebar {
|
159
117
|
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
|
160
|
-
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
|
161
118
|
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
|
162
119
|
}
|
163
120
|
|
164
121
|
.ui.bottom.floating.sidebar {
|
165
122
|
-webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2);
|
166
|
-
-moz-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2);
|
167
123
|
box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2);
|
168
124
|
}
|
169
125
|
|
170
|
-
|
171
126
|
/*-------------------
|
172
127
|
Width
|
173
128
|
--------------------*/
|
174
129
|
|
175
130
|
/* Very Thin */
|
131
|
+
|
176
132
|
.ui.very.thin.sidebar {
|
177
133
|
width: 60px !important;
|
178
134
|
margin-left: -60px !important;
|
179
135
|
}
|
136
|
+
|
180
137
|
.ui.active.very.thin.sidebar {
|
181
138
|
margin-left: 0px !important;
|
182
139
|
}
|
140
|
+
|
183
141
|
.ui.active.right.very.thin.sidebar {
|
184
142
|
margin-left: -60px !important;
|
185
143
|
}
|
186
144
|
|
187
145
|
/* Thin */
|
146
|
+
|
188
147
|
.ui.thin.sidebar {
|
189
148
|
width: 200px !important;
|
190
149
|
margin-left: -200px !important;
|
191
150
|
}
|
151
|
+
|
192
152
|
.ui.active.thin.sidebar {
|
193
153
|
margin-left: 0px !important;
|
194
154
|
}
|
155
|
+
|
195
156
|
.ui.active.right.thin.sidebar {
|
196
157
|
margin-left: -200px !important;
|
197
158
|
}
|
198
159
|
|
199
160
|
/* Standard */
|
161
|
+
|
200
162
|
.ui.sidebar {
|
201
163
|
width: 275px !important;
|
202
164
|
margin-left: -275px !important;
|
203
165
|
}
|
166
|
+
|
204
167
|
.ui.active.sidebar {
|
205
168
|
margin-left: 0px !important;
|
206
169
|
}
|
170
|
+
|
207
171
|
.ui.active.right.sidebar {
|
208
172
|
margin-left: -275px !important;
|
209
173
|
}
|
210
174
|
|
211
175
|
/* Wide */
|
176
|
+
|
212
177
|
.ui.wide.sidebar {
|
213
178
|
width: 350px !important;
|
214
179
|
margin-left: -350px !important;
|
215
180
|
}
|
181
|
+
|
216
182
|
.ui.active.wide.sidebar {
|
217
183
|
margin-left: 0px !important;
|
218
184
|
}
|
185
|
+
|
219
186
|
.ui.active.right.wide.sidebar {
|
220
187
|
margin-left: -350px !important;
|
221
188
|
}
|
222
189
|
|
223
190
|
/* Very Wide */
|
191
|
+
|
224
192
|
.ui.very.wide.sidebar {
|
225
193
|
width: 475px !important;
|
226
194
|
margin-left: -475px !important;
|
227
195
|
}
|
196
|
+
|
228
197
|
.ui.active.very.wide.sidebar {
|
229
198
|
margin-left: 0px !important;
|
230
199
|
}
|
200
|
+
|
231
201
|
.ui.active.right.very.wide.sidebar {
|
232
202
|
margin-left: -475px !important;
|
233
203
|
}
|
234
204
|
|
235
|
-
|
236
|
-
|
237
205
|
/*-------------------
|
238
206
|
Height
|
239
207
|
--------------------*/
|
240
208
|
|
241
209
|
/* Standard */
|
210
|
+
|
242
211
|
.ui.top.sidebar {
|
243
212
|
margin: -40px 0px 0px 0px !important;
|
244
213
|
}
|
214
|
+
|
245
215
|
.ui.top.sidebar,
|
246
216
|
.ui.bottom.sidebar {
|
247
217
|
height: 40px !important;
|
248
218
|
}
|
219
|
+
|
249
220
|
.ui.active.bottom.sidebar {
|
250
221
|
margin-top: -40px !important;
|
251
222
|
}
|