less-rails-bootswatch 0.3.1 → 0.3.2
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/less/rails/bootswatch/version.rb +1 -1
- data/vendor/frameworks/stylesheets/bootswatch/amelia/bootswatch.less +19 -14
- data/vendor/frameworks/stylesheets/bootswatch/cerulean/bootswatch.less +26 -21
- data/vendor/frameworks/stylesheets/bootswatch/cyborg/bootswatch.less +41 -15
- data/vendor/frameworks/stylesheets/bootswatch/journal/bootswatch.less +41 -34
- data/vendor/frameworks/stylesheets/bootswatch/readable/bootswatch.less +17 -15
- data/vendor/frameworks/stylesheets/bootswatch/simplex/bootswatch.less +20 -85
- data/vendor/frameworks/stylesheets/bootswatch/slate/bootswatch.less +29 -17
- data/vendor/frameworks/stylesheets/bootswatch/spacelab/bootswatch.less +97 -30
- data/vendor/frameworks/stylesheets/bootswatch/spacelab/variables.less +40 -40
- data/vendor/frameworks/stylesheets/bootswatch/spruce/bootswatch.less +23 -9
- data/vendor/frameworks/stylesheets/bootswatch/superhero/bootswatch.less +14 -11
- data/vendor/frameworks/stylesheets/bootswatch/united/bootswatch.less +5 -2
- metadata +2 -2
@@ -104,9 +104,23 @@ hr {
|
|
104
104
|
padding: 4px;
|
105
105
|
}
|
106
106
|
|
107
|
-
|
107
|
+
&-inverse {
|
108
|
+
|
109
|
+
.dropdown-menu li > a:hover,
|
110
|
+
.dropdown-menu li > a:focus,
|
111
|
+
.dropdown-submenu:hover > a {
|
112
|
+
background-image: none;
|
113
|
+
background-color: @yellow;
|
114
|
+
}
|
115
|
+
}
|
116
|
+
}
|
117
|
+
|
118
|
+
@media (max-width: @navbarCollapseWidth) {
|
119
|
+
|
120
|
+
.navbar .nav-collapse {
|
108
121
|
|
109
122
|
.nav li > a {
|
123
|
+
|
110
124
|
color: @textColor;
|
111
125
|
.border-radius(0);
|
112
126
|
|
@@ -136,20 +150,11 @@ hr {
|
|
136
150
|
}
|
137
151
|
}
|
138
152
|
|
139
|
-
|
153
|
+
.navbar-inverse .nav-collapse {
|
140
154
|
|
141
|
-
.
|
142
|
-
.dropdown-menu
|
143
|
-
|
144
|
-
background-image: none;
|
145
|
-
background-color: @yellow;
|
146
|
-
}
|
147
|
-
|
148
|
-
.nav-collapse.collapse {
|
149
|
-
|
150
|
-
.nav li > a:hover {
|
151
|
-
background-color: lighten(@navbarInverseBackground, 10%);
|
152
|
-
}
|
155
|
+
.nav li > a:hover,
|
156
|
+
.dropdown-menu a:hover {
|
157
|
+
background-color: lighten(@navbarInverseBackground, 10%) !important;
|
153
158
|
}
|
154
159
|
}
|
155
160
|
}
|
@@ -16,12 +16,11 @@
|
|
16
16
|
|
17
17
|
.navbar {
|
18
18
|
|
19
|
-
font-family: @headingsFontFamily;
|
20
|
-
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
21
19
|
|
22
20
|
.brand {
|
23
|
-
padding:
|
24
|
-
|
21
|
+
padding: 14px 20px 16px;
|
22
|
+
font-family: @headingsFontFamily;
|
23
|
+
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
25
24
|
}
|
26
25
|
|
27
26
|
li {
|
@@ -30,7 +29,8 @@
|
|
30
29
|
|
31
30
|
.nav > li > a {
|
32
31
|
padding: 16px 10px 14px;
|
33
|
-
|
32
|
+
font-family: @headingsFontFamily;
|
33
|
+
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
34
34
|
}
|
35
35
|
|
36
36
|
.search-query {
|
@@ -48,10 +48,24 @@
|
|
48
48
|
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
49
49
|
}
|
50
50
|
|
51
|
-
|
51
|
+
&-inverse {
|
52
|
+
|
53
|
+
.navbar-search .search-query {
|
54
|
+
color: @textColor;
|
55
|
+
}
|
56
|
+
}
|
57
|
+
}
|
58
|
+
|
59
|
+
@media (max-width: @navbarCollapseWidth) {
|
60
|
+
|
61
|
+
.navbar .nav-collapse {
|
52
62
|
|
53
63
|
.nav li > a {
|
64
|
+
|
65
|
+
font-family: @headingsFontFamily;
|
66
|
+
font-weight: normal;
|
54
67
|
color: @white;
|
68
|
+
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
|
55
69
|
|
56
70
|
&:hover {
|
57
71
|
background-color: #2B7CAC;
|
@@ -79,27 +93,18 @@
|
|
79
93
|
}
|
80
94
|
}
|
81
95
|
|
82
|
-
|
83
|
-
|
84
|
-
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
|
85
|
-
|
86
|
-
.nav-collapse.collapse {
|
96
|
+
.navbar-inverse .nav-collapse {
|
87
97
|
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
&:hover {
|
92
|
-
background-color: rgba(0, 0, 0, 0.1);
|
93
|
-
}
|
94
|
-
}
|
98
|
+
.nav li > a {
|
99
|
+
color: @navbarInverseLinkColor;
|
95
100
|
|
96
|
-
|
101
|
+
&:hover {
|
97
102
|
background-color: rgba(0, 0, 0, 0.1);
|
98
103
|
}
|
99
104
|
}
|
100
105
|
|
101
|
-
.
|
102
|
-
color:
|
106
|
+
.nav .active > a {
|
107
|
+
background-color: rgba(0, 0, 0, 0.1);
|
103
108
|
}
|
104
109
|
}
|
105
110
|
}
|
@@ -114,20 +114,50 @@ body {
|
|
114
114
|
.placeholder(@gray);
|
115
115
|
}
|
116
116
|
|
117
|
-
|
117
|
+
&-inverse {
|
118
|
+
|
119
|
+
.navbar-inner {
|
120
|
+
border: none;
|
121
|
+
border-bottom: 3px solid @black;
|
122
|
+
}
|
123
|
+
|
124
|
+
.brand:hover {
|
125
|
+
border-bottom: none;
|
126
|
+
background-color: @black;
|
127
|
+
}
|
128
|
+
|
129
|
+
.nav li > a:hover {
|
130
|
+
border-bottom-color: transparent;
|
131
|
+
}
|
132
|
+
|
133
|
+
.nav .active > a {
|
134
|
+
border-bottom-color: transparent;
|
135
|
+
}
|
136
|
+
}
|
137
|
+
}
|
138
|
+
|
139
|
+
@media (max-width: @navbarCollapseWidth) {
|
140
|
+
|
141
|
+
.navbar .nav-collapse {
|
118
142
|
|
119
143
|
.nav li > a {
|
120
|
-
border
|
144
|
+
border: none;
|
121
145
|
color: @grayLighter;
|
122
146
|
font-weight: normal;
|
123
147
|
text-shadow: none;
|
124
148
|
|
125
149
|
&:hover {
|
150
|
+
border: none;
|
126
151
|
background-color: @blue;
|
127
152
|
}
|
128
153
|
}
|
129
154
|
|
130
155
|
.nav .active > a {
|
156
|
+
border: none;
|
157
|
+
background-color: @blue;
|
158
|
+
}
|
159
|
+
|
160
|
+
.dropdown-menu a:hover {
|
131
161
|
background-color: @blue;
|
132
162
|
}
|
133
163
|
|
@@ -142,24 +172,20 @@ body {
|
|
142
172
|
}
|
143
173
|
}
|
144
174
|
|
145
|
-
|
146
|
-
|
147
|
-
.navbar-inner {
|
148
|
-
border: none;
|
149
|
-
border-bottom: 3px solid @black;
|
150
|
-
}
|
151
|
-
|
152
|
-
.brand:hover {
|
153
|
-
border-bottom: none;
|
154
|
-
background-color: @black;
|
155
|
-
}
|
175
|
+
.navbar-inverse .nav-collapse {
|
156
176
|
|
157
177
|
.nav li > a:hover {
|
158
|
-
|
178
|
+
background-color: #111;
|
159
179
|
}
|
160
180
|
|
161
181
|
.nav .active > a {
|
162
|
-
|
182
|
+
background-color: #111;
|
183
|
+
}
|
184
|
+
|
185
|
+
.nav li.dropdown.open > .dropdown-toggle,
|
186
|
+
.nav li.dropdown.active > .dropdown-toggle,
|
187
|
+
.nav li.dropdown.open.active > .dropdown-toggle {
|
188
|
+
background-color: #111;
|
163
189
|
}
|
164
190
|
}
|
165
191
|
}
|
@@ -72,7 +72,7 @@ hr {
|
|
72
72
|
}
|
73
73
|
|
74
74
|
.brand {
|
75
|
-
padding:
|
75
|
+
padding: 19px 20px 21px;
|
76
76
|
font-size: 24px;
|
77
77
|
font-weight: bold;
|
78
78
|
text-shadow: none;
|
@@ -80,23 +80,22 @@ hr {
|
|
80
80
|
}
|
81
81
|
|
82
82
|
.nav > li > a {
|
83
|
-
padding: 20px 10px
|
83
|
+
padding: 20px 10px 20px;
|
84
84
|
font-size: 18px;
|
85
85
|
text-shadow: none;
|
86
86
|
text-transform: uppercase;
|
87
87
|
}
|
88
88
|
|
89
|
-
.nav >
|
89
|
+
.nav > .active > a {
|
90
90
|
background-color: transparent;
|
91
|
-
color: @headingsColor;
|
92
91
|
}
|
93
92
|
|
94
93
|
.navbar-text {
|
95
|
-
margin-top:
|
94
|
+
margin-top: 20px;
|
96
95
|
padding-left: 10px;
|
97
96
|
padding-right: 10px;
|
98
97
|
font-size: 18px;
|
99
|
-
line-height:
|
98
|
+
line-height: 20px;
|
100
99
|
}
|
101
100
|
|
102
101
|
.nav > .active > a,
|
@@ -105,15 +104,9 @@ hr {
|
|
105
104
|
.box-shadow(none);
|
106
105
|
}
|
107
106
|
|
108
|
-
.
|
109
|
-
|
110
|
-
color: @
|
111
|
-
}
|
112
|
-
|
113
|
-
.nav li.dropdown > .dropdown-toggle .caret,
|
114
|
-
.nav li.dropdown.open > .dropdown-toggle:hover .caret {
|
115
|
-
border-top-color: @headingsColor;
|
116
|
-
border-bottom-color: @headingsColor;
|
107
|
+
.divider-vertical {
|
108
|
+
border-left-color: @grayLighter;
|
109
|
+
border-right-color: @grayLighter;
|
117
110
|
}
|
118
111
|
|
119
112
|
.dropdown-menu {
|
@@ -127,10 +120,29 @@ hr {
|
|
127
120
|
}
|
128
121
|
}
|
129
122
|
|
130
|
-
.
|
123
|
+
.navbar-search .search-query,
|
124
|
+
.navbar-search .search-query:hover {
|
125
|
+
border: 2px solid @grayLighter;
|
126
|
+
color: @textColor;
|
127
|
+
.placeholder(@gray);
|
128
|
+
}
|
129
|
+
}
|
130
|
+
|
131
|
+
@media (max-width: @navbarCollapseWidth) {
|
132
|
+
|
133
|
+
.nav-collapse .navbar-form,
|
134
|
+
.nav-collapse .navbar-search {
|
135
|
+
margin-bottom: 0;
|
136
|
+
border-top: 2px solid @grayLighter;
|
137
|
+
border-bottom: 2px solid @grayLighter;
|
138
|
+
}
|
139
|
+
|
140
|
+
|
141
|
+
|
142
|
+
.navbar .nav-collapse {
|
131
143
|
|
132
144
|
.nav li > a {
|
133
|
-
color: @
|
145
|
+
color: @navbarLinkColor;
|
134
146
|
|
135
147
|
&:hover {
|
136
148
|
background-color: @dropdownLinkBackgroundHover;
|
@@ -142,11 +154,17 @@ hr {
|
|
142
154
|
}
|
143
155
|
}
|
144
156
|
|
145
|
-
.navbar-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
157
|
+
.navbar-inverse .nav-collapse {
|
158
|
+
|
159
|
+
.nav li > a {
|
160
|
+
color: @navbarInverseLinkColor;
|
161
|
+
|
162
|
+
&:hover {
|
163
|
+
background-color: #111;
|
164
|
+
background-image: none;
|
165
|
+
}
|
166
|
+
}
|
167
|
+
|
150
168
|
}
|
151
169
|
}
|
152
170
|
|
@@ -306,15 +324,4 @@ legend {
|
|
306
324
|
.nav > li.dropdown.open.active > a:hover {
|
307
325
|
border-color: #e5e5e5;
|
308
326
|
}
|
309
|
-
}
|
310
|
-
|
311
|
-
@media (max-width: 979px) {
|
312
|
-
|
313
|
-
.nav-collapse .navbar-form,
|
314
|
-
.nav-collapse .navbar-search {
|
315
|
-
margin-bottom: 0;
|
316
|
-
border-top: 2px solid @grayLighter;
|
317
|
-
border-bottom: 2px solid @grayLighter;
|
318
|
-
}
|
319
|
-
|
320
|
-
}
|
327
|
+
}
|
@@ -97,7 +97,17 @@ code, pre {
|
|
97
97
|
border-left: none;
|
98
98
|
}
|
99
99
|
|
100
|
-
|
100
|
+
&-inverse {
|
101
|
+
|
102
|
+
.brand:hover {
|
103
|
+
color: @white;
|
104
|
+
}
|
105
|
+
}
|
106
|
+
}
|
107
|
+
|
108
|
+
@media (max-width: @navbarCollapseWidth) {
|
109
|
+
|
110
|
+
.navbar .nav-collapse {
|
101
111
|
|
102
112
|
.nav li:first-child > a {
|
103
113
|
margin-bottom: 10px;
|
@@ -125,24 +135,16 @@ code, pre {
|
|
125
135
|
}
|
126
136
|
}
|
127
137
|
|
128
|
-
|
138
|
+
.navbar-inverse .nav-collapse {
|
129
139
|
|
130
|
-
.
|
131
|
-
color: @
|
140
|
+
.nav li > a {
|
141
|
+
color: @grayLighter;
|
132
142
|
}
|
133
143
|
|
134
|
-
.nav
|
135
|
-
|
136
|
-
|
137
|
-
color: @grayLighter;
|
138
|
-
}
|
139
|
-
|
140
|
-
.nav li > a:hover {
|
141
|
-
background-color: rgba(0, 0, 0, 0.2);
|
142
|
-
color: @white;
|
143
|
-
}
|
144
|
+
.nav li > a:hover {
|
145
|
+
background-color: rgba(0, 0, 0, 0.2) !important;
|
146
|
+
color: @white;
|
144
147
|
}
|
145
|
-
|
146
148
|
}
|
147
149
|
}
|
148
150
|
|
@@ -76,31 +76,21 @@ hr {
|
|
76
76
|
font-family: @headingsFontFamily;
|
77
77
|
}
|
78
78
|
|
79
|
-
|
80
|
-
.nav li.dropdown.active > .dropdown-toggle:hover {
|
81
|
-
color: @linkColor;
|
82
|
-
}
|
79
|
+
&-inverse {
|
83
80
|
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
opacity: 1;
|
88
|
-
}
|
81
|
+
.navbar-inner {
|
82
|
+
.box-shadow(none);
|
83
|
+
}
|
89
84
|
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
border-top-color: @linkColor;
|
94
|
-
border-bottom-color: @linkColor;
|
85
|
+
.brand:hover {
|
86
|
+
color: @white;
|
87
|
+
}
|
95
88
|
}
|
89
|
+
}
|
96
90
|
|
97
|
-
|
98
|
-
.nav > .active > a:hover,
|
99
|
-
.nav > .active > a:focus {
|
100
|
-
// .box-shadow(none);
|
101
|
-
}
|
91
|
+
@media (max-width: @navbarCollapseWidth) {
|
102
92
|
|
103
|
-
.nav-collapse
|
93
|
+
.navbar .nav-collapse {
|
104
94
|
|
105
95
|
.nav li > a {
|
106
96
|
color: @textColor;
|
@@ -111,6 +101,9 @@ hr {
|
|
111
101
|
}
|
112
102
|
}
|
113
103
|
|
104
|
+
.nav .active > a {
|
105
|
+
.box-shadow(none);
|
106
|
+
}
|
114
107
|
|
115
108
|
.navbar-form,
|
116
109
|
.navbar-search {
|
@@ -119,41 +112,18 @@ hr {
|
|
119
112
|
}
|
120
113
|
}
|
121
114
|
|
122
|
-
|
123
|
-
|
124
|
-
.navbar-inner {
|
125
|
-
.box-shadow(none);
|
126
|
-
}
|
115
|
+
.navbar-inverse .nav-collapse {
|
127
116
|
|
128
|
-
.
|
129
|
-
color: @white;
|
130
|
-
}
|
131
|
-
|
132
|
-
.nav li.dropdown.open .dropdown-toggle {
|
117
|
+
.nav li > a {
|
133
118
|
color: @white;
|
134
|
-
}
|
135
119
|
|
136
|
-
|
137
|
-
|
138
|
-
.nav li.dropdown.active .dropdown-toggle .caret,
|
139
|
-
.nav li.dropdown.open .dropdown-toggle .caret {
|
140
|
-
border-top-color: @white;
|
141
|
-
border-bottom-color: @white;
|
142
|
-
}
|
143
|
-
|
144
|
-
.nav-collapse.collapse {
|
145
|
-
|
146
|
-
.nav li > a {
|
147
|
-
color: @white;
|
148
|
-
|
149
|
-
&:hover {
|
150
|
-
background-color: rgba(255, 255, 255, 0.1);
|
151
|
-
}
|
120
|
+
&:hover {
|
121
|
+
background-color: rgba(255, 255, 255, 0.1) !important;
|
152
122
|
}
|
123
|
+
}
|
153
124
|
|
154
|
-
|
155
|
-
|
156
|
-
}
|
125
|
+
.nav-header {
|
126
|
+
color: rgba(255, 255, 255, 0.7);
|
157
127
|
}
|
158
128
|
}
|
159
129
|
}
|
@@ -190,32 +160,6 @@ div.subnav {
|
|
190
160
|
.box-shadow(none);
|
191
161
|
color: @linkColor;
|
192
162
|
}
|
193
|
-
|
194
|
-
.nav > li.dropdown.open > a,
|
195
|
-
.nav > li.dropdown.open > a:hover {
|
196
|
-
border-left-color: transparent;
|
197
|
-
border-right-color: transparent;
|
198
|
-
background-color: transparent;
|
199
|
-
color: @linkColor;
|
200
|
-
}
|
201
|
-
|
202
|
-
.nav li.dropdown .dropdown-toggle .caret {
|
203
|
-
border-top-color: @textColor;
|
204
|
-
border-bottom-color: @textColor;
|
205
|
-
opacity: 1;
|
206
|
-
}
|
207
|
-
|
208
|
-
.nav li.dropdown .dropdown-toggle:hover .caret,
|
209
|
-
.nav li.dropdown.active .dropdown-toggle .caret,
|
210
|
-
.nav li.dropdown.open .dropdown-toggle .caret {
|
211
|
-
border-top-color: @linkColor;
|
212
|
-
border-bottom-color: @linkColor;
|
213
|
-
opacity: 1;
|
214
|
-
}
|
215
|
-
|
216
|
-
.dropdown.open:hover .dropdown-toggle {
|
217
|
-
background-color: transparent;
|
218
|
-
}
|
219
163
|
}
|
220
164
|
|
221
165
|
// NAV
|
@@ -492,12 +436,3 @@ i[class^="icon-"]{
|
|
492
436
|
|
493
437
|
// MEDIA QUERIES
|
494
438
|
// -----------------------------------------------------
|
495
|
-
|
496
|
-
@media (max-width: 979px) {
|
497
|
-
|
498
|
-
.nav-collapse.collapse .navbar-form,
|
499
|
-
.nav-collapse.collapse .navbar-search {
|
500
|
-
border-top: 1px solid @grayLighter;
|
501
|
-
border-bottom: 1px solid @grayLighter;
|
502
|
-
}
|
503
|
-
}
|
@@ -78,12 +78,33 @@ hr, legend, .page-header {
|
|
78
78
|
border-bottom: 6px solid @grayDark;
|
79
79
|
}
|
80
80
|
|
81
|
-
|
81
|
+
&-inverse {
|
82
|
+
|
83
|
+
.navbar-inner {
|
84
|
+
#gradient > .vertical-three-colors(darken(@grayDarker, 3%), darken(@grayDarker, 8%), 70%, darken(@grayDarker, 8%));
|
85
|
+
}
|
86
|
+
|
87
|
+
.nav li > a {
|
88
|
+
background-image: none;
|
89
|
+
background-color: transparent;
|
90
|
+
}
|
82
91
|
|
83
|
-
.nav li > a,
|
84
|
-
.nav li.active > a,
|
85
92
|
.nav li > a:hover,
|
93
|
+
.nav li.active > a,
|
86
94
|
.nav li.active > a:hover {
|
95
|
+
#gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg);
|
96
|
+
}
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
@media (max-width: @navbarCollapseWidth) {
|
101
|
+
|
102
|
+
.navbar .nav-collapse {
|
103
|
+
|
104
|
+
.nav li > a,
|
105
|
+
.nav li > a:hover,
|
106
|
+
.nav .active > a,
|
107
|
+
.nav .active > a:hover {
|
87
108
|
.box-shadow(none);
|
88
109
|
color: @grayLighter;
|
89
110
|
border: 1px solid transparent;
|
@@ -92,7 +113,7 @@ hr, legend, .page-header {
|
|
92
113
|
}
|
93
114
|
|
94
115
|
.nav li > a:hover,
|
95
|
-
.nav
|
116
|
+
.nav .active > a:hover {
|
96
117
|
background-color: @grayDarker;
|
97
118
|
}
|
98
119
|
|
@@ -107,26 +128,17 @@ hr, legend, .page-header {
|
|
107
128
|
}
|
108
129
|
}
|
109
130
|
|
110
|
-
|
111
|
-
|
112
|
-
.navbar-inner {
|
113
|
-
#gradient > .vertical-three-colors(darken(@grayDarker, 3%), darken(@grayDarker, 8%), 70%, darken(@grayDarker, 8%));
|
114
|
-
}
|
115
|
-
|
116
|
-
.nav li > a {
|
117
|
-
background-image: none;
|
118
|
-
background-color: transparent;
|
119
|
-
}
|
131
|
+
.navbar-inverse .nav-collapse {
|
120
132
|
|
121
133
|
.nav li > a:hover,
|
122
|
-
.nav
|
123
|
-
|
124
|
-
#gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg);
|
134
|
+
.nav .active > a:hover {
|
135
|
+
background-color: @grayDarker !important;
|
125
136
|
}
|
126
137
|
}
|
127
138
|
}
|
128
139
|
|
129
140
|
div.subnav {
|
141
|
+
|
130
142
|
#gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
|
131
143
|
border: 1px solid transparent;
|
132
144
|
.box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
|
@@ -6,6 +6,8 @@
|
|
6
6
|
// TYPOGRAPHY
|
7
7
|
// -----------------------------------------------------
|
8
8
|
|
9
|
+
@import url('http://fonts.googleapis.com/css?family=Muli');
|
10
|
+
|
9
11
|
// SCAFFOLDING
|
10
12
|
// -----------------------------------------------------
|
11
13
|
|
@@ -20,7 +22,8 @@
|
|
20
22
|
}
|
21
23
|
|
22
24
|
.brand {
|
23
|
-
|
25
|
+
|
26
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
24
27
|
|
25
28
|
&:hover {
|
26
29
|
color: @linkColor;
|
@@ -29,8 +32,7 @@
|
|
29
32
|
|
30
33
|
.nav > li > a {
|
31
34
|
padding: 11px 10px 9px;
|
32
|
-
|
33
|
-
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
35
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
34
36
|
}
|
35
37
|
|
36
38
|
.navbar-text {
|
@@ -42,6 +44,7 @@
|
|
42
44
|
.navbar-search .search-query,
|
43
45
|
.navbar-search .search-query:hover {
|
44
46
|
margin-bottom: 0;
|
47
|
+
line-height: normal;
|
45
48
|
color: @grayLight;
|
46
49
|
.placeholder(@grayLight);
|
47
50
|
.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
|
@@ -53,24 +56,10 @@
|
|
53
56
|
}
|
54
57
|
}
|
55
58
|
|
56
|
-
.nav-collapse.collapse {
|
57
|
-
|
58
|
-
.navbar-search {
|
59
|
-
border-top: none;
|
60
|
-
border-bottom: none;
|
61
|
-
}
|
62
|
-
|
63
|
-
& > .nav li > a:hover {
|
64
|
-
background-color: @linkColor;
|
65
|
-
color: @white;
|
66
|
-
text-shadow: none;
|
67
|
-
}
|
68
|
-
|
69
|
-
}
|
70
|
-
|
71
59
|
&-inverse {
|
60
|
+
|
72
61
|
.brand {
|
73
|
-
text-shadow:
|
62
|
+
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
|
74
63
|
|
75
64
|
&:hover {
|
76
65
|
color: @white;
|
@@ -78,7 +67,7 @@
|
|
78
67
|
}
|
79
68
|
|
80
69
|
.nav > li > a {
|
81
|
-
text-shadow:
|
70
|
+
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
|
82
71
|
}
|
83
72
|
|
84
73
|
.nav li.dropdown.open > .dropdown-toggle .caret,
|
@@ -87,19 +76,52 @@
|
|
87
76
|
border-top-color: @white;
|
88
77
|
}
|
89
78
|
|
90
|
-
.
|
91
|
-
|
92
|
-
|
93
|
-
|
79
|
+
.navbar-search .search-query,
|
80
|
+
.navbar-search .search-query:hover {
|
81
|
+
|
82
|
+
color: @white;
|
83
|
+
|
84
|
+
.placeholder(@grayLighter);
|
85
|
+
}
|
86
|
+
}
|
87
|
+
}
|
88
|
+
|
89
|
+
@media (max-width: @navbarCollapseWidth) {
|
90
|
+
|
91
|
+
.navbar .nav-collapse {
|
92
|
+
|
93
|
+
.nav li > a:hover {
|
94
|
+
background-color: @linkColor;
|
95
|
+
color: @white;
|
96
|
+
text-shadow: none;
|
97
|
+
}
|
98
|
+
|
99
|
+
.navbar-search {
|
100
|
+
border-top: none;
|
101
|
+
border-bottom: none;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
|
105
|
+
.navbar-inverse .nav-collapse {
|
106
|
+
|
107
|
+
.nav li > a {
|
108
|
+
color: @grayLighter;
|
109
|
+
|
110
|
+
&:hover {
|
111
|
+
background-color: @linkColor !important;
|
94
112
|
}
|
95
113
|
}
|
114
|
+
|
115
|
+
.nav-header {
|
116
|
+
color: @grayLighter;
|
117
|
+
}
|
96
118
|
}
|
97
119
|
}
|
98
120
|
|
99
121
|
div.subnav {
|
100
122
|
|
101
123
|
.nav > li > a {
|
102
|
-
|
124
|
+
|
103
125
|
color: @textColor;
|
104
126
|
|
105
127
|
&:hover {
|
@@ -108,6 +130,7 @@ div.subnav {
|
|
108
130
|
}
|
109
131
|
|
110
132
|
.nav > li.active > a {
|
133
|
+
|
111
134
|
color: @textColor;
|
112
135
|
|
113
136
|
&:hover {
|
@@ -120,6 +143,7 @@ div.subnav {
|
|
120
143
|
}
|
121
144
|
|
122
145
|
.nav > li.dropdown.open > .dropdown-toggle {
|
146
|
+
|
123
147
|
border-left: 1px solid whiteSmoke;
|
124
148
|
border-right: 1px solid #E5E5E5;
|
125
149
|
color: @textColor;
|
@@ -154,6 +178,24 @@ div.subnav {
|
|
154
178
|
// -----------------------------------------------------
|
155
179
|
|
156
180
|
.btn {
|
181
|
+
|
182
|
+
|
183
|
+
&-info,
|
184
|
+
&-info:hover,
|
185
|
+
&-info.disabled {
|
186
|
+
|
187
|
+
color: @textColor;
|
188
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
189
|
+
|
190
|
+
.caret {
|
191
|
+
border-top-color: @textColor;
|
192
|
+
border-bottom-color: @textColor;
|
193
|
+
}
|
194
|
+
}
|
195
|
+
|
196
|
+
}
|
197
|
+
|
198
|
+
/*.btn {
|
157
199
|
.buttonBackground(#F4F4F4, #ECECEC);
|
158
200
|
color: @textColor;
|
159
201
|
text-shadow: none;
|
@@ -190,7 +232,7 @@ div.subnav {
|
|
190
232
|
|
191
233
|
.btn-inverse {
|
192
234
|
.buttonBackground(lighten(@purple, 5%), @purple);
|
193
|
-
}
|
235
|
+
}*/
|
194
236
|
|
195
237
|
// TABLES
|
196
238
|
// -----------------------------------------------------
|
@@ -216,13 +258,38 @@ div.subnav {
|
|
216
258
|
// ALERTS, LABELS, BADGES
|
217
259
|
// -----------------------------------------------------
|
218
260
|
|
261
|
+
.alert {
|
262
|
+
color: @white;
|
263
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
264
|
+
}
|
265
|
+
|
266
|
+
.label, .badge {
|
267
|
+
|
268
|
+
padding-top: 4px;
|
269
|
+
|
270
|
+
&-important {
|
271
|
+
background-color: @red;
|
272
|
+
}
|
273
|
+
|
274
|
+
&-warning {
|
275
|
+
background-color: @orange;
|
276
|
+
}
|
277
|
+
|
278
|
+
&-success {
|
279
|
+
background-color: @green;
|
280
|
+
}
|
281
|
+
|
282
|
+
&-info {
|
283
|
+
background-color: @blue;
|
284
|
+
}
|
285
|
+
}
|
286
|
+
|
219
287
|
// MISC
|
220
288
|
// -----------------------------------------------------
|
221
289
|
|
222
|
-
.
|
223
|
-
|
224
|
-
|
225
|
-
.label-info, .badge-info { background-color: #4183C4; }
|
290
|
+
.well {
|
291
|
+
background-color: @grayLighter;
|
292
|
+
}
|
226
293
|
|
227
294
|
.hero-unit {
|
228
295
|
.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
@@ -12,22 +12,22 @@
|
|
12
12
|
// Grays
|
13
13
|
// -------------------------
|
14
14
|
@black: #000;
|
15
|
-
@grayDarker: #
|
15
|
+
@grayDarker: #2D2D2D;
|
16
16
|
@grayDark: #333;
|
17
|
-
@gray: #
|
18
|
-
@grayLight: #
|
19
|
-
@grayLighter: #
|
17
|
+
@gray: #777;
|
18
|
+
@grayLight: #bbb;
|
19
|
+
@grayLighter: #eee;
|
20
20
|
@white: #fff;
|
21
21
|
|
22
22
|
|
23
23
|
// Accent colors
|
24
24
|
// -------------------------
|
25
|
-
@blue: #
|
25
|
+
@blue: #3399F3;
|
26
26
|
@blueDark: #405A6A;
|
27
|
-
@green: #
|
28
|
-
@red: #
|
27
|
+
@green: #819E37;
|
28
|
+
@red: #CD0200;
|
29
29
|
@yellow: #F4CA00;
|
30
|
-
@orange: #
|
30
|
+
@orange: #D47500;
|
31
31
|
@pink: #F44B8C;
|
32
32
|
@purple: #405A6A;
|
33
33
|
|
@@ -35,28 +35,28 @@
|
|
35
35
|
// Scaffolding
|
36
36
|
// -------------------------
|
37
37
|
@bodyBackground: @white;
|
38
|
-
@textColor: @
|
38
|
+
@textColor: @grayDarker;
|
39
39
|
|
40
40
|
|
41
41
|
// Links
|
42
42
|
// -------------------------
|
43
|
-
@linkColor: #
|
43
|
+
@linkColor: #558BC4;
|
44
44
|
@linkColorHover: @linkColor;
|
45
45
|
|
46
46
|
|
47
47
|
// Typography
|
48
48
|
// -------------------------
|
49
|
-
@sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
49
|
+
@sansFontFamily: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
50
50
|
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
51
51
|
@monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
|
52
52
|
|
53
53
|
@baseFontSize: 14px;
|
54
54
|
@baseFontFamily: @sansFontFamily;
|
55
|
-
@baseLineHeight:
|
55
|
+
@baseLineHeight: 21px;
|
56
56
|
@altFontFamily: @serifFontFamily;
|
57
57
|
|
58
58
|
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
|
59
|
-
@headingsFontWeight:
|
59
|
+
@headingsFontWeight: normal; // instead of browser default, bold
|
60
60
|
@headingsColor: inherit; // empty to use BS default, @textColor
|
61
61
|
|
62
62
|
|
@@ -71,26 +71,26 @@
|
|
71
71
|
// Buttons
|
72
72
|
// -------------------------
|
73
73
|
@btnBackground: @white;
|
74
|
-
@btnBackgroundHighlight:
|
75
|
-
@btnBorder: darken(@
|
74
|
+
@btnBackgroundHighlight: @grayLighter;
|
75
|
+
@btnBorder: darken(@btnBackground, 20%);
|
76
76
|
|
77
|
-
@btnPrimaryBackground: @linkColor;
|
78
|
-
@btnPrimaryBackgroundHighlight:
|
77
|
+
@btnPrimaryBackground: lighten(@linkColor, 15%);
|
78
|
+
@btnPrimaryBackgroundHighlight: @linkColor;
|
79
79
|
|
80
|
-
@btnInfoBackground:
|
81
|
-
@btnInfoBackgroundHighlight:
|
80
|
+
@btnInfoBackground: lighten(@grayLight, 15%);
|
81
|
+
@btnInfoBackgroundHighlight: @grayLight;
|
82
82
|
|
83
|
-
@btnSuccessBackground:
|
84
|
-
@btnSuccessBackgroundHighlight:
|
83
|
+
@btnSuccessBackground: lighten(@green, 15%);
|
84
|
+
@btnSuccessBackgroundHighlight: @green;
|
85
85
|
|
86
86
|
@btnWarningBackground: lighten(@orange, 15%);
|
87
87
|
@btnWarningBackgroundHighlight: @orange;
|
88
88
|
|
89
|
-
@btnDangerBackground:
|
90
|
-
@btnDangerBackgroundHighlight:
|
89
|
+
@btnDangerBackground: lighten(@red, 15%);
|
90
|
+
@btnDangerBackgroundHighlight: @red;
|
91
91
|
|
92
|
-
@btnInverseBackground: @
|
93
|
-
@btnInverseBackgroundHighlight: @
|
92
|
+
@btnInverseBackground: lighten(@navbarInverseBackground, 15%);
|
93
|
+
@btnInverseBackgroundHighlight: @navbarInverseBackground;
|
94
94
|
|
95
95
|
|
96
96
|
// Forms
|
@@ -159,9 +159,9 @@
|
|
159
159
|
@navbarCollapseWidth: 979px;
|
160
160
|
|
161
161
|
@navbarHeight: 40px;
|
162
|
-
@navbarBackground:
|
163
|
-
@navbarBackgroundHighlight:
|
164
|
-
@navbarBorder: darken(@navbarBackground,
|
162
|
+
@navbarBackground: @grayLight;
|
163
|
+
@navbarBackgroundHighlight: #eee;
|
164
|
+
@navbarBorder: darken(@navbarBackground, 5%);
|
165
165
|
|
166
166
|
@navbarText: @textColor;
|
167
167
|
@navbarLinkColor: @textColor;
|
@@ -173,9 +173,9 @@
|
|
173
173
|
@navbarBrandColor: @grayDark;
|
174
174
|
|
175
175
|
// Inverted navbar
|
176
|
-
@navbarInverseBackground:
|
177
|
-
@navbarInverseBackgroundHighlight: lighten(@navbarInverseBackground,
|
178
|
-
@navbarInverseBorder:
|
176
|
+
@navbarInverseBackground: #6C737E;
|
177
|
+
@navbarInverseBackgroundHighlight: lighten(@navbarInverseBackground, 25%);
|
178
|
+
@navbarInverseBorder: darken(@navbarInverseBackground, 5%);
|
179
179
|
|
180
180
|
@navbarInverseText: @grayLighter;
|
181
181
|
@navbarInverseLinkColor: @grayLighter;
|
@@ -187,7 +187,7 @@
|
|
187
187
|
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
|
188
188
|
@navbarInverseSearchBackgroundFocus: @white;
|
189
189
|
@navbarInverseSearchBorder: @navbarInverseBackground;
|
190
|
-
@navbarInverseSearchPlaceholderColor:
|
190
|
+
@navbarInverseSearchPlaceholderColor: @grayLighter;
|
191
191
|
|
192
192
|
@navbarInverseBrandColor: @navbarInverseLinkColor;
|
193
193
|
|
@@ -208,20 +208,20 @@
|
|
208
208
|
|
209
209
|
// Form states and alerts
|
210
210
|
// -------------------------
|
211
|
-
@warningText:
|
212
|
-
@warningBackground:
|
211
|
+
@warningText: @white;
|
212
|
+
@warningBackground: @orange;
|
213
213
|
@warningBorder: darken(spin(@warningBackground, -10), 3%);
|
214
214
|
|
215
|
-
@errorText: @
|
216
|
-
@errorBackground:
|
215
|
+
@errorText: @white;
|
216
|
+
@errorBackground: @red;
|
217
217
|
@errorBorder: darken(spin(@errorBackground, -10), 3%);
|
218
218
|
|
219
|
-
@successText:
|
220
|
-
@successBackground:
|
219
|
+
@successText: @white;
|
220
|
+
@successBackground: @green;
|
221
221
|
@successBorder: darken(spin(@successBackground, -10), 5%);
|
222
222
|
|
223
|
-
@infoText:
|
224
|
-
@infoBackground:
|
223
|
+
@infoText: @white;
|
224
|
+
@infoBackground: @blue;
|
225
225
|
@infoBorder: darken(spin(@infoBackground, -10), 7%);
|
226
226
|
|
227
227
|
|
@@ -146,21 +146,35 @@ blockquote {
|
|
146
146
|
margin-top: 14px;
|
147
147
|
}
|
148
148
|
|
149
|
-
.nav-collapse.in .nav li > a {
|
150
|
-
color: @headingsColor;
|
151
|
-
|
152
|
-
&:hover {
|
153
|
-
color: @yellow;
|
154
|
-
background-color: @blue;
|
155
|
-
}
|
156
|
-
}
|
157
|
-
|
158
149
|
.navbar-form, .navbar-search {
|
159
150
|
border-color: transparent;
|
160
151
|
.box-shadow(none);
|
161
152
|
}
|
162
153
|
}
|
163
154
|
|
155
|
+
@media (max-width: @navbarCollapseWidth) {
|
156
|
+
|
157
|
+
.navbar .nav-collapse {
|
158
|
+
|
159
|
+
.nav li > a {
|
160
|
+
color: @headingsColor;
|
161
|
+
|
162
|
+
&:hover {
|
163
|
+
color: @yellow;
|
164
|
+
background-color: @blue;
|
165
|
+
}
|
166
|
+
}
|
167
|
+
}
|
168
|
+
|
169
|
+
.navbar-inverse .nav-collapse {
|
170
|
+
|
171
|
+
.nav li > a:hover {
|
172
|
+
background-color: rgba(0, 0, 0, 0.06) !important;
|
173
|
+
}
|
174
|
+
|
175
|
+
}
|
176
|
+
}
|
177
|
+
|
164
178
|
div.subnav {
|
165
179
|
background-color: @green;
|
166
180
|
background-image: none;
|
@@ -139,11 +139,23 @@ blockquote.pull-right {
|
|
139
139
|
background-color: @blue;
|
140
140
|
border-color: transparent;
|
141
141
|
}
|
142
|
+
}
|
143
|
+
|
144
|
+
@media (max-width: @navbarCollapseWidth) {
|
142
145
|
|
143
|
-
.nav-collapse
|
146
|
+
.navbar .nav-collapse {
|
144
147
|
|
145
148
|
.border-radius(4px);
|
146
149
|
|
150
|
+
.nav li > a {
|
151
|
+
color: @orange;
|
152
|
+
|
153
|
+
&:hover {
|
154
|
+
background-color: lighten(@blue, 10%) !important;
|
155
|
+
background-image: none;
|
156
|
+
}
|
157
|
+
}
|
158
|
+
|
147
159
|
.navbar-form,
|
148
160
|
.navbar-search {
|
149
161
|
border-top: none;
|
@@ -154,15 +166,6 @@ blockquote.pull-right {
|
|
154
166
|
.nav-header {
|
155
167
|
color: @textColor;
|
156
168
|
}
|
157
|
-
|
158
|
-
.nav li > a {
|
159
|
-
color: @orange;
|
160
|
-
|
161
|
-
&:hover {
|
162
|
-
background-color: lighten(@blue, 10%);
|
163
|
-
background-image: none;
|
164
|
-
}
|
165
|
-
}
|
166
169
|
}
|
167
170
|
}
|
168
171
|
|
@@ -656,4 +659,4 @@ label {
|
|
656
659
|
}
|
657
660
|
}
|
658
661
|
}
|
659
|
-
}
|
662
|
+
}
|
@@ -45,8 +45,11 @@
|
|
45
45
|
margin-bottom: 3px;
|
46
46
|
border: 1px solid darken(@navbarBackground, 15%);
|
47
47
|
}
|
48
|
+
}
|
49
|
+
|
50
|
+
@media (max-width: @navbarCollapseWidth) {
|
48
51
|
|
49
|
-
.nav-collapse
|
52
|
+
.navbar .nav-collapse {
|
50
53
|
|
51
54
|
.nav li > a {
|
52
55
|
color: @white;
|
@@ -54,7 +57,7 @@
|
|
54
57
|
border-right: 0px solid @orange;
|
55
58
|
|
56
59
|
&:hover {
|
57
|
-
background-color: rgba(0, 0, 0, 0.3);
|
60
|
+
background-color: rgba(0, 0, 0, 0.3) !important;
|
58
61
|
background-image: none;
|
59
62
|
}
|
60
63
|
}
|
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.3.
|
4
|
+
version: 0.3.2
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-
|
12
|
+
date: 2012-09-05 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: less-rails-bootstrap
|