semantic-ui-sass 0.8.1.0 → 0.8.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/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
|
}
|