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.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/README.md +1 -1
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
  5. data/app/assets/javascripts/semantic-ui/modal.js +11 -6
  6. data/app/assets/javascripts/semantic-ui/popup.js +0 -1
  7. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
  8. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
  9. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
  10. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
  11. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
  12. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
  13. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
  14. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
  15. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
  16. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
  17. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
  18. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
  19. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
  20. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
  21. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
  22. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
  23. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
  24. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
  25. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
  26. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
  27. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
  28. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
  29. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
  30. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
  31. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
  32. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
  33. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
  34. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
  35. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
  36. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
  37. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
  38. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
  40. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
  41. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
  42. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
  43. data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
  44. data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
  45. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
  46. data/lib/semantic/ui/sass/version.rb +2 -2
  47. data/semantic-ui-sass.gemspec +1 -1
  48. data/spec/dummy/config/application.rb +1 -1
  49. data/spec/spec_helper.rb +0 -1
  50. data/tasks/converter.rb +7 -0
  51. metadata +4 -7
  52. 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
- -webkit-box-shadow:
74
- 0px 0px 1px 1px rgba(0, 0, 0, 0.1),
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
- all 0.6s ease-in-out;
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
- margin 0.3s ease,
18
- -webkit-transform 0.3s ease
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
- -webkit-transition:
61
- margin-left 0.3s ease,
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
  }