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.
@@ -1,7 +1,7 @@
1
1
  module Less
2
2
  module Rails
3
3
  module Bootswatch
4
- VERSION = "0.3.1"
4
+ VERSION = "0.3.2"
5
5
  end
6
6
  end
7
7
  end
@@ -104,9 +104,23 @@ hr {
104
104
  padding: 4px;
105
105
  }
106
106
 
107
- .nav-collapse.collapse {
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
- &-inverse {
153
+ .navbar-inverse .nav-collapse {
140
154
 
141
- .dropdown-menu li > a:hover,
142
- .dropdown-menu li > a:focus,
143
- .dropdown-submenu:hover > a {
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: 16px 20px 14px;
24
- text-shadow: inherit;
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
- text-shadow: inherit;
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
- .nav-collapse.collapse {
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
- &-inverse {
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
- .nav li > a {
89
- color: @navbarInverseLinkColor;
90
-
91
- &:hover {
92
- background-color: rgba(0, 0, 0, 0.1);
93
- }
94
- }
98
+ .nav li > a {
99
+ color: @navbarInverseLinkColor;
95
100
 
96
- .nav .active > a {
101
+ &:hover {
97
102
  background-color: rgba(0, 0, 0, 0.1);
98
103
  }
99
104
  }
100
105
 
101
- .navbar-search .search-query {
102
- color: @textColor;
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
- .nav-collapse.collapse {
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-left: 0;
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
- &-inverse {
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
- border-bottom-color: transparent;
178
+ background-color: #111;
159
179
  }
160
180
 
161
181
  .nav .active > a {
162
- border-bottom-color: transparent;
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: 16px 20px 20px;
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 21px;
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 > li.active > a {
89
+ .nav > .active > a {
90
90
  background-color: transparent;
91
- color: @headingsColor;
92
91
  }
93
92
 
94
93
  .navbar-text {
95
- margin-top: 21px;
94
+ margin-top: 20px;
96
95
  padding-left: 10px;
97
96
  padding-right: 10px;
98
97
  font-size: 18px;
99
- line-height: 18px;
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
- .nav li.dropdown > .dropdown-toggle:hover,
109
- .nav li.dropdown.active > .dropdown-toggle:hover {
110
- color: @black;
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
- .nav-collapse.collapse {
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: @headingsColor;
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-search .search-query,
146
- .navbar-search .search-query:hover {
147
- border: 2px solid @grayLighter;
148
- color: @textColor;
149
- .placeholder(@gray);
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
- .nav-collapse.collapse {
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
- &-inverse {
138
+ .navbar-inverse .nav-collapse {
129
139
 
130
- .brand:hover {
131
- color: @white;
140
+ .nav li > a {
141
+ color: @grayLighter;
132
142
  }
133
143
 
134
- .nav-collapse.collapse {
135
-
136
- .nav li > a {
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
- .nav li.dropdown.open > .dropdown-toggle,
80
- .nav li.dropdown.active > .dropdown-toggle:hover {
81
- color: @linkColor;
82
- }
79
+ &-inverse {
83
80
 
84
- .nav li.dropdown .dropdown-toggle .caret {
85
- border-top-color: @textColor;
86
- border-bottom-color: @textColor;
87
- opacity: 1;
88
- }
81
+ .navbar-inner {
82
+ .box-shadow(none);
83
+ }
89
84
 
90
- .nav li.dropdown .dropdown-toggle:hover .caret,
91
- .nav li.dropdown.active > .dropdown-toggle .caret,
92
- .nav li.dropdown.open .dropdown-toggle .caret {
93
- border-top-color: @linkColor;
94
- border-bottom-color: @linkColor;
85
+ .brand:hover {
86
+ color: @white;
87
+ }
95
88
  }
89
+ }
96
90
 
97
- .nav > .active > a,
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.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
- &-inverse {
123
-
124
- .navbar-inner {
125
- .box-shadow(none);
126
- }
115
+ .navbar-inverse .nav-collapse {
127
116
 
128
- .brand:hover {
129
- color: @white;
130
- }
131
-
132
- .nav li.dropdown.open .dropdown-toggle {
117
+ .nav li > a {
133
118
  color: @white;
134
- }
135
119
 
136
- .nav li.dropdown .dropdown-toggle .caret,
137
- .nav li.dropdown .dropdown-toggle:hover .caret,
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
- .nav-header {
155
- color: rgba(255, 255, 255, 0.7);
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
- .nav-collapse.collapse {
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 li.active > a:hover {
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
- &-inverse {
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 li.active > a,
123
- .nav li.active > a:hover {
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
- font-weight: bold;
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
- font-weight: bold;
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: 0 -1px 0 rgba(0, 0, 0, 0.5);
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: 0 -1px 0 rgba(0, 0, 0, 0.5);
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
- .nav-collapse.collapse {
91
- .nav li > a,
92
- .nav-header {
93
- color: @grayLighter;
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
- font-weight: bold;
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
- .label-important, .badge-important { background-color: #BD2C00; }
223
- .label-warning, .badge-warning { background-color: #E3E84D; }
224
- .label-success, .badge-success { background-color: #6CC644; }
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: #222;
15
+ @grayDarker: #2D2D2D;
16
16
  @grayDark: #333;
17
- @gray: #555;
18
- @grayLight: #999;
19
- @grayLighter: #ddd;
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: #4183C4;
25
+ @blue: #3399F3;
26
26
  @blueDark: #405A6A;
27
- @green: #84DE81;
28
- @red: #E5322C;
27
+ @green: #819E37;
28
+ @red: #CD0200;
29
29
  @yellow: #F4CA00;
30
- @orange: #FF7D00;
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: @grayDark;
38
+ @textColor: @grayDarker;
39
39
 
40
40
 
41
41
  // Links
42
42
  // -------------------------
43
- @linkColor: #4183C4;
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: 20px;
55
+ @baseLineHeight: 21px;
56
56
  @altFontFamily: @serifFontFamily;
57
57
 
58
58
  @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
59
- @headingsFontWeight: bold; // instead of browser default, bold
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: darken(@white, 10%);
75
- @btnBorder: darken(@white, 20%);
74
+ @btnBackgroundHighlight: @grayLighter;
75
+ @btnBorder: darken(@btnBackground, 20%);
76
76
 
77
- @btnPrimaryBackground: @linkColor;
78
- @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
77
+ @btnPrimaryBackground: lighten(@linkColor, 15%);
78
+ @btnPrimaryBackgroundHighlight: @linkColor;
79
79
 
80
- @btnInfoBackground: #5bc0de;
81
- @btnInfoBackgroundHighlight: #2f96b4;
80
+ @btnInfoBackground: lighten(@grayLight, 15%);
81
+ @btnInfoBackgroundHighlight: @grayLight;
82
82
 
83
- @btnSuccessBackground: #62c462;
84
- @btnSuccessBackgroundHighlight: #51a351;
83
+ @btnSuccessBackground: lighten(@green, 15%);
84
+ @btnSuccessBackgroundHighlight: @green;
85
85
 
86
86
  @btnWarningBackground: lighten(@orange, 15%);
87
87
  @btnWarningBackgroundHighlight: @orange;
88
88
 
89
- @btnDangerBackground: #ee5f5b;
90
- @btnDangerBackgroundHighlight: #bd362f;
89
+ @btnDangerBackground: lighten(@red, 15%);
90
+ @btnDangerBackgroundHighlight: @red;
91
91
 
92
- @btnInverseBackground: @gray;
93
- @btnInverseBackgroundHighlight: @grayDarker;
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: #EAEAEA;
163
- @navbarBackgroundHighlight: lighten(@navbarBackground, 15%);
164
- @navbarBorder: darken(@navbarBackground, 12%);
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: @gray;
177
- @navbarInverseBackgroundHighlight: lighten(@navbarInverseBackground, 5%);
178
- @navbarInverseBorder: #252525;
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: #ccc;
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: #393939;
212
- @warningBackground: #F5F3B4;
211
+ @warningText: @white;
212
+ @warningBackground: @orange;
213
213
  @warningBorder: darken(spin(@warningBackground, -10), 3%);
214
214
 
215
- @errorText: @warningText;
216
- @errorBackground: #FFE9E9;
215
+ @errorText: @white;
216
+ @errorBackground: @red;
217
217
  @errorBorder: darken(spin(@errorBackground, -10), 3%);
218
218
 
219
- @successText: #333;
220
- @successBackground: #BEDEBE;
219
+ @successText: @white;
220
+ @successBackground: @green;
221
221
  @successBorder: darken(spin(@successBackground, -10), 5%);
222
222
 
223
- @infoText: #1B3650;
224
- @infoBackground: #E4F0FF;
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.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.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.1
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-08-27 00:00:00.000000000 Z
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