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.
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
  }