less-rails-bootswatch 0.2.1 → 0.2.2
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.
|
@@ -7,111 +7,136 @@
|
|
|
7
7
|
// -----------------------------------------------------
|
|
8
8
|
|
|
9
9
|
h1, h2, h3, h4, h5, h6, body, legend, label {
|
|
10
|
-
text-shadow: -1px -1px 0
|
|
10
|
+
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
// NAVBAR
|
|
14
14
|
// -----------------------------------------------------
|
|
15
15
|
|
|
16
|
-
.navbar
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
div.subnav {
|
|
22
|
-
#gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.navbar .divider-vertical {
|
|
26
|
-
background-color: transparent;
|
|
27
|
-
border-right: none;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.navbar .brand,
|
|
31
|
-
.navbar .nav > li > a,
|
|
32
|
-
div.subnav .nav > li > a {
|
|
33
|
-
color: @grayLighter;
|
|
34
|
-
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
|
35
|
-
border-right: 1px solid darken(@gray, 15%);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.navbar .nav > li > a,
|
|
39
|
-
div.subnav .nav > li > a {
|
|
40
|
-
border-left: 1px solid @gray;
|
|
16
|
+
.navbar {
|
|
17
|
+
|
|
18
|
+
.navbar-inner {
|
|
19
|
+
#gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
|
|
20
|
+
}
|
|
41
21
|
|
|
42
|
-
|
|
22
|
+
.brand {
|
|
23
|
+
color: @grayLighter;
|
|
24
|
+
font-weight: bold;
|
|
25
|
+
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
|
26
|
+
border-right: 1px solid darken(@gray, 15%);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.nav > li > a {
|
|
30
|
+
color: @grayLighter;
|
|
31
|
+
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
|
32
|
+
border-right: 1px solid darken(@gray, 15%);
|
|
33
|
+
border-left: 1px solid @gray;
|
|
34
|
+
|
|
35
|
+
&:hover {
|
|
36
|
+
color: @grayLighter;
|
|
37
|
+
background-color: @grayDark;
|
|
38
|
+
#gradient > .directional(@grayDarker, @grayDark, 280deg);
|
|
39
|
+
border-left: 1px solid transparent;
|
|
40
|
+
border-right: 1px solid transparent;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.nav > li.active > a,
|
|
45
|
+
.nav > li.active > a:hover {
|
|
43
46
|
color: @grayLighter;
|
|
44
47
|
background-color: @grayDark;
|
|
45
|
-
#gradient > .directional(@grayDarker, @grayDark, 280deg);
|
|
46
|
-
border-
|
|
47
|
-
|
|
48
|
+
#gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
|
|
49
|
+
border-right: 1px solid darken(@gray, 15%);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.navbar-search .search-query {
|
|
53
|
+
border: 1px solid darken(@gray, 15%);
|
|
48
54
|
}
|
|
49
|
-
}
|
|
50
55
|
|
|
51
|
-
.
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
.divider-vertical {
|
|
57
|
+
background-color: transparent;
|
|
58
|
+
border-right: none;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.dropdown-menu::after {
|
|
62
|
+
border-bottom: 6px solid @grayDark;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.nav-collapse.in > .nav > li > a,
|
|
66
|
+
.nav-collapse.in > .nav > li.active > a,
|
|
67
|
+
.nav-collapse.in > .nav > li > a:hover,
|
|
68
|
+
.nav-collapse.in > .nav > li.active > a:hover {
|
|
69
|
+
.box-shadow(none);
|
|
70
|
+
color: @grayLighter;
|
|
71
|
+
border: 1px solid transparent;
|
|
72
|
+
background-color: transparent;
|
|
73
|
+
background-image: none;
|
|
74
|
+
}
|
|
60
75
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
76
|
+
.nav-collapse.in > .nav > li > a:hover,
|
|
77
|
+
.nav-collapse.in > .nav > li.active > a:hover {
|
|
78
|
+
background-color: @grayDarker;
|
|
79
|
+
}
|
|
80
|
+
|
|
64
81
|
}
|
|
65
82
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
83
|
+
@media (max-width: 979px) {
|
|
84
|
+
.navbar .brand {
|
|
85
|
+
border-right: none;
|
|
86
|
+
}
|
|
69
87
|
}
|
|
70
88
|
|
|
71
|
-
div.subnav .nav > li.active:last-child > a,
|
|
72
|
-
div.subnav .nav > li:last-child > a:hover {
|
|
73
|
-
border-right: 1px solid darken(@gray, 15%);
|
|
74
|
-
}
|
|
75
89
|
|
|
76
90
|
div.subnav {
|
|
91
|
+
#gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
|
|
77
92
|
border: 1px solid transparent;
|
|
78
93
|
.box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
94
|
+
|
|
95
|
+
.nav > li > a {
|
|
96
|
+
color: @grayLighter;
|
|
97
|
+
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
|
98
|
+
border-right: 1px solid darken(@gray, 15%);
|
|
99
|
+
border-left: 1px solid @gray;
|
|
100
|
+
|
|
101
|
+
&:hover {
|
|
102
|
+
color: @grayLighter;
|
|
103
|
+
background-color: @grayDark;
|
|
104
|
+
#gradient > .directional(@grayDarker, @grayDark, 280deg);
|
|
105
|
+
border-left: 1px solid transparent;
|
|
106
|
+
border-right: 1px solid transparent;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
84
109
|
|
|
85
|
-
.navbar-search .search-query {
|
|
86
|
-
border: 1px solid darken(@gray, 15%);
|
|
87
|
-
}
|
|
88
110
|
|
|
89
|
-
.nav .
|
|
90
|
-
|
|
91
|
-
|
|
111
|
+
.nav > li.active > a,
|
|
112
|
+
.nav > li.active > a:hover {
|
|
113
|
+
color: @grayLighter;
|
|
114
|
+
background-color: @grayDark;
|
|
115
|
+
#gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
|
|
116
|
+
border-right: 1px solid darken(@gray, 15%);
|
|
117
|
+
}
|
|
92
118
|
|
|
93
|
-
.
|
|
94
|
-
.
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
color: @grayLighter;
|
|
98
|
-
border: 1px solid transparent;
|
|
99
|
-
.box-shadow(none);
|
|
100
|
-
background-color: transparent;
|
|
101
|
-
background-image: none;
|
|
102
|
-
}
|
|
119
|
+
.nav > li:first-child > a,
|
|
120
|
+
.nav > li:first-child > a:hover {
|
|
121
|
+
border-left: 1px solid transparent;
|
|
122
|
+
}
|
|
103
123
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
}
|
|
124
|
+
&.subnav-fixed .nav > li.active:first-child > a,
|
|
125
|
+
&.subnav-fixed .nav > li:first-child > a:hover {
|
|
126
|
+
border-left: 1px solid darken(@gray, 15%);
|
|
127
|
+
}
|
|
108
128
|
|
|
109
|
-
|
|
110
|
-
.
|
|
111
|
-
border-right:
|
|
129
|
+
.nav > li.active:last-child > a,
|
|
130
|
+
.nav > li:last-child > a:hover {
|
|
131
|
+
border-right: 1px solid darken(@gray, 15%);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
&.subnav-fixed {
|
|
135
|
+
.box-shadow(none);
|
|
112
136
|
}
|
|
113
137
|
}
|
|
114
138
|
|
|
139
|
+
|
|
115
140
|
@media (max-width: 768px) {
|
|
116
141
|
div.subnav .nav > li + li > a {
|
|
117
142
|
border-top: 1px solid transparent;
|
|
@@ -136,6 +161,7 @@ div.subnav-fixed {
|
|
|
136
161
|
.btn-primary {
|
|
137
162
|
.buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
|
|
138
163
|
}
|
|
164
|
+
|
|
139
165
|
.btn-warning {
|
|
140
166
|
.buttonBackground(lighten(@orange, 15%), @orange);
|
|
141
167
|
}
|
|
@@ -223,61 +249,49 @@ div.subnav-fixed {
|
|
|
223
249
|
border: 1px solid transparent;
|
|
224
250
|
}
|
|
225
251
|
|
|
226
|
-
.nav
|
|
227
|
-
|
|
228
|
-
.nav > li.active > a,
|
|
229
|
-
.nav > li.active > a:hover,
|
|
230
|
-
.nav-tabs.nav-stacked > li > a,
|
|
231
|
-
.nav-tabs.nav-stacked > li > a:hover {
|
|
232
|
-
border: none;
|
|
233
|
-
background-color: transparent;
|
|
234
|
-
color: @grayLighter;
|
|
235
|
-
font-weight: bold;
|
|
236
|
-
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
|
252
|
+
.nav .nav-header {
|
|
253
|
+
text-shadow: none;
|
|
237
254
|
}
|
|
238
255
|
|
|
239
|
-
.
|
|
240
|
-
.
|
|
256
|
+
.nav > li > a {
|
|
257
|
+
#gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
|
|
258
|
+
.box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
|
|
259
|
+
border: none;
|
|
260
|
+
color: @grayLight;
|
|
261
|
+
font-weight: bold;
|
|
262
|
+
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
|
241
263
|
}
|
|
242
264
|
|
|
243
|
-
.
|
|
244
|
-
.
|
|
245
|
-
|
|
246
|
-
|
|
265
|
+
.nav > li.active > a,
|
|
266
|
+
.nav > li.active > a:hover {
|
|
267
|
+
background-color: transparent;
|
|
268
|
+
border: none;
|
|
269
|
+
color: @white;
|
|
247
270
|
}
|
|
248
271
|
|
|
249
|
-
.
|
|
250
|
-
|
|
251
|
-
.dropdown-menu li a:hover,
|
|
252
|
-
.dropdown-menu li.active a:hover,
|
|
253
|
-
.dropdown.open .dropdown-toggle {
|
|
272
|
+
.nav > li > a:hover {
|
|
273
|
+
background-color: transparent;
|
|
254
274
|
color: @grayLighter;
|
|
255
275
|
}
|
|
256
276
|
|
|
257
|
-
.
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
.nav > li > a {
|
|
267
|
-
border: none;
|
|
268
|
-
.box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
|
|
269
|
-
#gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
|
|
270
|
-
|
|
271
|
-
}
|
|
277
|
+
.nav-list {
|
|
278
|
+
background-color: @grayDark;
|
|
279
|
+
.box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
|
|
280
|
+
|
|
281
|
+
li > a {
|
|
282
|
+
background-image: none;
|
|
283
|
+
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
|
|
284
|
+
}
|
|
272
285
|
|
|
273
|
-
.nav
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
}
|
|
286
|
+
.nav-header {
|
|
287
|
+
color: @gray;
|
|
288
|
+
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
|
|
289
|
+
}
|
|
277
290
|
|
|
278
|
-
.
|
|
279
|
-
|
|
280
|
-
|
|
291
|
+
.divider {
|
|
292
|
+
border-bottom: 1px solid darken(@grayDarker, 5%);
|
|
293
|
+
background-color: transparent;
|
|
294
|
+
}
|
|
281
295
|
}
|
|
282
296
|
|
|
283
297
|
.nav-tabs {
|
|
@@ -296,6 +310,25 @@ div.subnav-fixed {
|
|
|
296
310
|
border-left: none;
|
|
297
311
|
}
|
|
298
312
|
|
|
313
|
+
.nav-tabs.nav-stacked > li > a,
|
|
314
|
+
.nav-tabs.nav-stacked > li > a:hover {
|
|
315
|
+
border: none;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.dropdown-menu {
|
|
319
|
+
.box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
|
|
320
|
+
|
|
321
|
+
li.active a,
|
|
322
|
+
li.active a:hover {
|
|
323
|
+
background-color: @grayDark;
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
.dropdown.open .dropdown-toggle {
|
|
328
|
+
background-color: @grayDark;
|
|
329
|
+
color: @grayLighter;
|
|
330
|
+
}
|
|
331
|
+
|
|
299
332
|
// FORMS
|
|
300
333
|
// -----------------------------------------------------
|
|
301
334
|
|
|
@@ -329,7 +362,7 @@ label, input, button, select, textarea, legend {
|
|
|
329
362
|
|
|
330
363
|
.label, .alert {
|
|
331
364
|
color: rgba(255, 255, 255, 0.9);
|
|
332
|
-
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.
|
|
365
|
+
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
|
|
333
366
|
.box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
|
|
334
367
|
}
|
|
335
368
|
|
|
@@ -99,11 +99,11 @@
|
|
|
99
99
|
|
|
100
100
|
// Dropdowns
|
|
101
101
|
// -------------------------
|
|
102
|
-
@dropdownBackground: @
|
|
102
|
+
@dropdownBackground: @grayDark;
|
|
103
103
|
@dropdownBorder: rgba(0,0,0,.2);
|
|
104
|
-
@dropdownLinkColor: @
|
|
105
|
-
@dropdownLinkColorHover: @
|
|
106
|
-
@dropdownLinkBackgroundHover: @
|
|
104
|
+
@dropdownLinkColor: @grayLight;
|
|
105
|
+
@dropdownLinkColorHover: @grayLighter;
|
|
106
|
+
@dropdownLinkBackgroundHover: @grayDarker;
|
|
107
107
|
|
|
108
108
|
|
|
109
109
|
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: less-rails-bootswatch
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.2.
|
|
4
|
+
version: 0.2.2
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -9,11 +9,11 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2012-04-
|
|
12
|
+
date: 2012-04-08 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: less-rails-bootstrap
|
|
16
|
-
requirement: &
|
|
16
|
+
requirement: &70098045811220 !ruby/object:Gem::Requirement
|
|
17
17
|
none: false
|
|
18
18
|
requirements:
|
|
19
19
|
- - ~>
|
|
@@ -21,7 +21,7 @@ dependencies:
|
|
|
21
21
|
version: 2.0.8
|
|
22
22
|
type: :runtime
|
|
23
23
|
prerelease: false
|
|
24
|
-
version_requirements: *
|
|
24
|
+
version_requirements: *70098045811220
|
|
25
25
|
description: less-rails-bootswatch is straightforward Bootswatches integration with
|
|
26
26
|
Rails, works well with less-rails-bootstrap.
|
|
27
27
|
email:
|