compass_radix 0.0.6 → 0.0.7
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.
|
@@ -119,37 +119,6 @@
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
|
|
123
|
-
@media (max-width: 979px) {
|
|
124
|
-
#main-menu {
|
|
125
|
-
float: none;
|
|
126
|
-
> ul.menu {
|
|
127
|
-
li {
|
|
128
|
-
display: block;
|
|
129
|
-
float: none;
|
|
130
|
-
margin-bottom: 2px;
|
|
131
|
-
a {
|
|
132
|
-
display: block;
|
|
133
|
-
padding: 9px 15px;
|
|
134
|
-
font-weight: bold;
|
|
135
|
-
color: $navbarLinkColor;
|
|
136
|
-
@include border-radius(3px);
|
|
137
|
-
&:hover {
|
|
138
|
-
color: $navbarLinkColorHover;
|
|
139
|
-
text-decoration: none;
|
|
140
|
-
background-color: $navbarLinkBackgroundHover;
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
&.open {
|
|
144
|
-
ul.menu {
|
|
145
|
-
display: none !important;
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
|
|
153
122
|
// Pane Menu Tree
|
|
154
123
|
// --------------------------------------------------
|
|
155
124
|
.pane-menu-tree {
|
|
@@ -22,4 +22,56 @@
|
|
|
22
22
|
border-color: #ddd;
|
|
23
23
|
border-color: rgba(0,0,0,.15);
|
|
24
24
|
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@mixin btn() {
|
|
28
|
+
display: inline-block;
|
|
29
|
+
@include ctb-ie7-inline-block();
|
|
30
|
+
padding: 4px 12px;
|
|
31
|
+
margin-bottom: 0; // For input.btn
|
|
32
|
+
font-size: $baseFontSize;
|
|
33
|
+
line-height: $baseLineHeight;
|
|
34
|
+
text-align: center;
|
|
35
|
+
vertical-align: middle;
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
@include ctb-buttonBackground($btnBackground, $btnBackgroundHighlight, $grayDark, 0 1px 1px rgba(255,255,255,.75));
|
|
38
|
+
border: 1px solid $btnBorder;
|
|
39
|
+
*border: 0; // Remove the border to prevent IE7's black border on input:focus
|
|
40
|
+
border-bottom-color: darken($btnBorder, 10%);
|
|
41
|
+
@include ctb-border-radius($baseBorderRadius);
|
|
42
|
+
@include ctb-ie7-restore-left-whitespace(); // Give IE7 some love
|
|
43
|
+
@include ctb-box-shadow(#{inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)});
|
|
44
|
+
|
|
45
|
+
// Hover state
|
|
46
|
+
&:hover {
|
|
47
|
+
color: $grayDark;
|
|
48
|
+
text-decoration: none;
|
|
49
|
+
background-position: 0 -15px;
|
|
50
|
+
|
|
51
|
+
// transition is only when going to hover, otherwise the background
|
|
52
|
+
// behind the gradient (there for IE<=9 fallback) gets mismatched
|
|
53
|
+
@include ctb-transition(background-position .1s linear);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
// Focus state for keyboard and accessibility
|
|
57
|
+
&:focus {
|
|
58
|
+
@include ctb-tab-focus();
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
// Active state
|
|
62
|
+
&.active,
|
|
63
|
+
&:active {
|
|
64
|
+
background-image: none;
|
|
65
|
+
outline: 0;
|
|
66
|
+
@include ctb-box-shadow(#{inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)});
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
// Disabled state
|
|
70
|
+
&.disabled,
|
|
71
|
+
&[disabled] {
|
|
72
|
+
cursor: default;
|
|
73
|
+
background-image: none;
|
|
74
|
+
@include ctb-opacity(65);
|
|
75
|
+
@include ctb-box-shadow(none);
|
|
76
|
+
}
|
|
25
77
|
}
|
|
@@ -202,98 +202,4 @@
|
|
|
202
202
|
.navbar-tray {
|
|
203
203
|
top: 0 !important;
|
|
204
204
|
}
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
// Tablet
|
|
208
|
-
@media (min-width: 768px) and (max-width: 979px) {
|
|
209
|
-
#navbar {
|
|
210
|
-
.navbar-bar {
|
|
211
|
-
.section {
|
|
212
|
-
ul.menu {
|
|
213
|
-
li {
|
|
214
|
-
a {
|
|
215
|
-
padding: 8px 15px 9px !important;
|
|
216
|
-
margin: 0;
|
|
217
|
-
text-align: center;
|
|
218
|
-
text-indent: 0;
|
|
219
|
-
width: auto !important;
|
|
220
|
-
height: auto !important;
|
|
221
|
-
i {
|
|
222
|
-
font-size: 1.8em;
|
|
223
|
-
width: 0.9em;
|
|
224
|
-
height: 0.9em;
|
|
225
|
-
line-height: 100%;
|
|
226
|
-
margin: 0;
|
|
227
|
-
text-align: center;
|
|
228
|
-
text-indent: 0;
|
|
229
|
-
vertical-align: middle;
|
|
230
|
-
}
|
|
231
|
-
span {
|
|
232
|
-
span {
|
|
233
|
-
display: none;
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
.menu-tray-open {
|
|
243
|
-
.navbar-bar {
|
|
244
|
-
a {
|
|
245
|
-
display: none !important;
|
|
246
|
-
&.toggle-tray {
|
|
247
|
-
display: block !important;
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
// Mobile
|
|
255
|
-
@media (max-width: 767px) {
|
|
256
|
-
#navbar {
|
|
257
|
-
.navbar-bar {
|
|
258
|
-
.section {
|
|
259
|
-
ul.menu {
|
|
260
|
-
li {
|
|
261
|
-
a {
|
|
262
|
-
padding: 8px 15px 9px !important;
|
|
263
|
-
margin: 0;
|
|
264
|
-
text-align: center;
|
|
265
|
-
text-indent: 0 !important;
|
|
266
|
-
width: auto !important;
|
|
267
|
-
height: auto !important;
|
|
268
|
-
i {
|
|
269
|
-
font-size: 1.8em;
|
|
270
|
-
width: 0.9em;
|
|
271
|
-
height: 0.9em;
|
|
272
|
-
line-height: 100%;
|
|
273
|
-
margin: 0;
|
|
274
|
-
text-align: center;
|
|
275
|
-
text-indent: 0;
|
|
276
|
-
vertical-align: middle;
|
|
277
|
-
}
|
|
278
|
-
span {
|
|
279
|
-
span {
|
|
280
|
-
display: none;
|
|
281
|
-
}
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
}
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
.menu-tray-open {
|
|
290
|
-
.navbar-bar {
|
|
291
|
-
a {
|
|
292
|
-
display: none !important;
|
|
293
|
-
&.toggle-tray {
|
|
294
|
-
display: block !important;
|
|
295
|
-
}
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
}
|
|
299
205
|
}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Styles for Navbar module
|
|
3
|
+
// --------------------------------------------------
|
|
4
|
+
|
|
5
|
+
// Tablet
|
|
6
|
+
@media (min-width: 768px) and (max-width: 979px) {
|
|
7
|
+
#navbar {
|
|
8
|
+
.navbar-bar {
|
|
9
|
+
.section {
|
|
10
|
+
ul.menu {
|
|
11
|
+
li {
|
|
12
|
+
a {
|
|
13
|
+
padding: 8px 15px 9px !important;
|
|
14
|
+
margin: 0;
|
|
15
|
+
text-align: center;
|
|
16
|
+
text-indent: 0;
|
|
17
|
+
width: auto !important;
|
|
18
|
+
height: auto !important;
|
|
19
|
+
i {
|
|
20
|
+
font-size: 1.8em;
|
|
21
|
+
width: 0.9em;
|
|
22
|
+
height: 0.9em;
|
|
23
|
+
line-height: 100%;
|
|
24
|
+
margin: 0;
|
|
25
|
+
text-align: center;
|
|
26
|
+
text-indent: 0;
|
|
27
|
+
vertical-align: middle;
|
|
28
|
+
}
|
|
29
|
+
span {
|
|
30
|
+
span {
|
|
31
|
+
display: none;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
.menu-tray-open {
|
|
41
|
+
.navbar-bar {
|
|
42
|
+
a {
|
|
43
|
+
display: none !important;
|
|
44
|
+
&.toggle-tray {
|
|
45
|
+
display: block !important;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// Mobile
|
|
53
|
+
@media (max-width: 767px) {
|
|
54
|
+
#navbar {
|
|
55
|
+
.navbar-bar {
|
|
56
|
+
.section {
|
|
57
|
+
ul.menu {
|
|
58
|
+
li {
|
|
59
|
+
a {
|
|
60
|
+
padding: 8px 15px 9px !important;
|
|
61
|
+
margin: 0;
|
|
62
|
+
text-align: center;
|
|
63
|
+
text-indent: 0 !important;
|
|
64
|
+
width: auto !important;
|
|
65
|
+
height: auto !important;
|
|
66
|
+
i {
|
|
67
|
+
font-size: 1.8em;
|
|
68
|
+
width: 0.9em;
|
|
69
|
+
height: 0.9em;
|
|
70
|
+
line-height: 100%;
|
|
71
|
+
margin: 0;
|
|
72
|
+
text-align: center;
|
|
73
|
+
text-indent: 0;
|
|
74
|
+
vertical-align: middle;
|
|
75
|
+
}
|
|
76
|
+
span {
|
|
77
|
+
span {
|
|
78
|
+
display: none;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
.menu-tray-open {
|
|
88
|
+
.navbar-bar {
|
|
89
|
+
a {
|
|
90
|
+
display: none !important;
|
|
91
|
+
&.toggle-tray {
|
|
92
|
+
display: block !important;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: compass_radix
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.7
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -66,6 +66,7 @@ files:
|
|
|
66
66
|
- stylesheets/compass_radix/_panel.scss
|
|
67
67
|
- stylesheets/compass_radix/_responsive_form.scss
|
|
68
68
|
- stylesheets/compass_radix/_responsive_menu.scss
|
|
69
|
+
- stylesheets/compass_radix/_responsive_navbar.scss
|
|
69
70
|
- stylesheets/compass_radix/_structure.scss
|
|
70
71
|
- stylesheets/compass_radix/_user.scss
|
|
71
72
|
- stylesheets/compass_radix/_variable.scss
|