less-rails-bootswatch 0.3.1 → 0.3.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.
- 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
|