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.
@@ -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