less-rails-bootswatch 0.3.3 → 0.3.4

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.3"
4
+ VERSION = "0.3.4"
5
5
  end
6
6
  end
7
7
  end
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Amelia
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // Global values
9
7
  // --------------------------------------------------
10
8
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: normal; // instead of browser default, bold
60
58
  @headingsColor: inherit; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: lighten(#147E88, 10%); // overall background-color
@@ -67,7 +64,6 @@
67
64
  @tableBackgroundHover: rgba(255, 255, 255, 0.4); // for hover
68
65
  @tableBorder: lighten(#147E88, 12%); // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: @grayLighter;
@@ -109,12 +105,11 @@
109
105
  @dropdownDividerBottom: @white;
110
106
 
111
107
  @dropdownLinkColor: @grayDark;
112
-
113
108
  @dropdownLinkColorHover: @white;
114
- @dropdownLinkBackgroundHover: @red;
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
117
111
  @dropdownLinkBackgroundActive: @red;
112
+ @dropdownLinkBackgroundHover: @red;
118
113
 
119
114
 
120
115
 
@@ -149,6 +144,11 @@
149
144
  @hrBorder: transparent;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
154
  @wellBackground: #3CB9C6;
@@ -159,8 +159,8 @@
159
159
  @navbarCollapseWidth: 979px;
160
160
 
161
161
  @navbarHeight: 50px;
162
- @navbarBackground: @red;
163
162
  @navbarBackgroundHighlight: @red;
163
+ @navbarBackground: @red;
164
164
  @navbarBorder: darken(@navbarBackground, 12%);
165
165
 
166
166
  @navbarText: @white;
@@ -35,10 +35,7 @@
35
35
 
36
36
  .search-query {
37
37
  border: 1px solid darken(@linkColor, 10%);
38
- }
39
-
40
- .btn-navbar:hover {
41
- background-color: darken(@white, 20%);
38
+ line-height: normal;
42
39
  }
43
40
 
44
41
  .navbar-text {
@@ -103,8 +100,10 @@
103
100
  }
104
101
  }
105
102
 
106
- .nav .active > a {
107
- background-color: rgba(0, 0, 0, 0.1);
103
+ .nav .active > a,
104
+ .nav > li > a:hover,
105
+ .dropdown-menu a:hover {
106
+ background-color: rgba(0, 0, 0, 0.1) !important;
108
107
  }
109
108
  }
110
109
  }
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Cerulean
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // GLOBAL VALUES
9
7
  // --------------------------------------------------
10
8
 
@@ -22,7 +20,7 @@
22
20
 
23
21
  // Accent colors
24
22
  // -------------------------
25
- @blue: #3E78B3;
23
+ @blue: #2FA4E7;
26
24
  @blueDark: #033C73;
27
25
  @green: #73A839;
28
26
  @red: #C71C22;
@@ -40,7 +38,7 @@
40
38
 
41
39
  // Links
42
40
  // -------------------------
43
- @linkColor: #2FA4E7;
41
+ @linkColor: @blue;
44
42
  @linkColorHover: darken(@linkColor, 15%);
45
43
 
46
44
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: bold; // instead of browser default, bold
60
58
  @headingsColor: #317EAC; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: transparent; // overall background-color
@@ -67,7 +64,6 @@
67
64
  @tableBackgroundHover: #f5f5f5; // for hover
68
65
  @tableBorder: #ddd; // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: @white;
@@ -89,7 +85,7 @@
89
85
  @btnDangerBackground: @red;
90
86
  @btnDangerBackgroundHighlight: #bd362f;
91
87
 
92
- @btnInverseBackground: @yellow;
88
+ @btnInverseBackground: @blueDark;
93
89
  @btnInverseBackgroundHighlight: @grayDarker;
94
90
 
95
91
 
@@ -109,12 +105,11 @@
109
105
  @dropdownDividerBottom: @white;
110
106
 
111
107
  @dropdownLinkColor: @grayDark;
112
-
113
108
  @dropdownLinkColorHover: @white;
114
- @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
117
111
  @dropdownLinkBackgroundActive: @linkColor;
112
+ @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
118
113
 
119
114
 
120
115
 
@@ -149,6 +144,11 @@
149
144
  @hrBorder: @grayLighter;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
154
  @wellBackground: #f5f5f5;
@@ -159,8 +159,8 @@
159
159
  @navbarCollapseWidth: 979px;
160
160
 
161
161
  @navbarHeight: 50px;
162
- @navbarBackground: @linkColor;
163
- @navbarBackgroundHighlight: lighten(@linkColor, 8%);
162
+ @navbarBackgroundHighlight: lighten(@navbarBackground, 8%);
163
+ @navbarBackground: @blue;
164
164
  @navbarBorder: darken(@navbarBackground, 12%);
165
165
 
166
166
  @navbarText: @grayLighter;
@@ -173,21 +173,21 @@
173
173
  @navbarBrandColor: @navbarLinkColor;
174
174
 
175
175
  // Inverted navbar
176
- @navbarInverseBackground: #eee;
176
+ @navbarInverseBackground: @blueDark;
177
177
  @navbarInverseBackgroundHighlight: lighten(@navbarInverseBackground, 5%);
178
178
  @navbarInverseBorder: rgba(0, 0, 0, 0.1);
179
179
 
180
- @navbarInverseText: @textColor;
181
- @navbarInverseLinkColor: @textColor;
182
- @navbarInverseLinkColorHover: @textColor;
183
- @navbarInverseLinkColorActive: @textColor;
180
+ @navbarInverseText: @white;
181
+ @navbarInverseLinkColor: @white;
182
+ @navbarInverseLinkColorHover: @white;
183
+ @navbarInverseLinkColorActive: @white;
184
184
  @navbarInverseLinkBackgroundHover: rgba(0,0,0,.05);
185
185
  @navbarInverseLinkBackgroundActive: rgba(0,0,0,.05);
186
186
 
187
- @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
187
+ @navbarInverseSearchBackground: @white;
188
188
  @navbarInverseSearchBackgroundFocus: @white;
189
189
  @navbarInverseSearchBorder: @navbarInverseBackground;
190
- @navbarInverseSearchPlaceholderColor: #ccc;
190
+ @navbarInverseSearchPlaceholderColor: @grayLight;
191
191
 
192
192
  @navbarInverseBrandColor: @navbarInverseLinkColor;
193
193
 
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Cyborg
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // Global values
9
7
  // --------------------------------------------------
10
8
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: normal; // instead of browser default, bold
60
58
  @headingsColor: @white; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: transparent; // overall background-color
@@ -67,7 +64,6 @@
67
64
  @tableBackgroundHover: @grayDark; // for hover
68
65
  @tableBorder: #222; // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: darken(@gray, 20%);
@@ -109,12 +105,11 @@
109
105
  @dropdownDividerBottom: #222;
110
106
 
111
107
  @dropdownLinkColor: @textColor;
112
-
113
108
  @dropdownLinkColorHover: @white;
114
- @dropdownLinkBackgroundHover: @linkColor;
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
117
111
  @dropdownLinkBackgroundActive: @linkColor;
112
+ @dropdownLinkBackgroundHover: @linkColor;
118
113
 
119
114
 
120
115
 
@@ -149,6 +144,11 @@
149
144
  @hrBorder: @gray;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
154
  @wellBackground: #131517;
@@ -159,8 +159,8 @@
159
159
  @navbarCollapseWidth: 979px;
160
160
 
161
161
  @navbarHeight: 40px;
162
- @navbarBackground: @grayDarker;
163
162
  @navbarBackgroundHighlight: @grayDarker;
163
+ @navbarBackground: @grayDarker;
164
164
  @navbarBorder: darken(@navbarBackground, 12%);
165
165
 
166
166
  @navbarText: @grayLight;
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Journal
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // Global values
9
7
  // --------------------------------------------------
10
8
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: bold; // instead of browser default, bold
60
58
  @headingsColor: @black; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: transparent; // overall background-color
@@ -67,7 +64,6 @@
67
64
  @tableBackgroundHover: @grayLighter; // for hover
68
65
  @tableBorder: #ddd; // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: @white;
@@ -109,12 +105,11 @@
109
105
  @dropdownDividerBottom: @grayLighter;
110
106
 
111
107
  @dropdownLinkColor: @headingsColor;
112
-
113
108
  @dropdownLinkColorHover: @headingsColor;
114
- @dropdownLinkBackgroundHover: @grayLighter;
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
117
111
  @dropdownLinkBackgroundActive: @dropdownLinkBackgroundHover;
112
+ @dropdownLinkBackgroundHover: @grayLighter;
118
113
 
119
114
 
120
115
 
@@ -149,6 +144,11 @@
149
144
  @hrBorder: @grayLighter;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
154
  @wellBackground: @grayLighter;
@@ -159,8 +159,8 @@
159
159
  @navbarCollapseWidth: 979px;
160
160
 
161
161
  @navbarHeight: 60px;
162
- @navbarBackground: @bodyBackground;
163
162
  @navbarBackgroundHighlight: @bodyBackground;
163
+ @navbarBackground: @bodyBackground;
164
164
  @navbarBorder: darken(@navbarBackground, 12%);
165
165
 
166
166
  @navbarText: @textColor;
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Readable
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // Global values
9
7
  // --------------------------------------------------
10
8
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: bold; // instead of browser default, bold
60
58
  @headingsColor: inherit; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: transparent; // overall background-color
@@ -67,7 +64,6 @@
67
64
  @tableBackgroundHover: darken(@bodyBackground, 4%); // for hover
68
65
  @tableBorder: #ddd; // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: @white;
@@ -109,12 +105,11 @@
109
105
  @dropdownDividerBottom: @white;
110
106
 
111
107
  @dropdownLinkColor: @linkColor;
112
-
113
108
  @dropdownLinkColorHover: @linkColorHover;
114
- @dropdownLinkBackgroundHover: rgba(255,255,255,0);
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
117
111
  @dropdownLinkBackgroundActive: @linkColor;
112
+ @dropdownLinkBackgroundHover: rgba(255,255,255,0);
118
113
 
119
114
 
120
115
 
@@ -149,6 +144,11 @@
149
144
  @hrBorder: @grayLighter;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
154
  @wellBackground: @white;
@@ -23,7 +23,7 @@ hr {
23
23
  .navbar {
24
24
 
25
25
  .navbar-inner {
26
- .box-shadow(inset 0 -1px #CFCACA);
26
+ .box-shadow(none);
27
27
  }
28
28
 
29
29
  .brand {
@@ -142,9 +142,10 @@ div.subnav {
142
142
 
143
143
  .nav > li > a {
144
144
  padding: 14px 12px 10px;
145
- color: @navbarText;
146
145
  border-left-color: transparent;
147
146
  border-right-color: transparent;
147
+ color: @navbarText;
148
+ font-weight: bold;
148
149
 
149
150
  &:hover {
150
151
  background-color: transparent;
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Simplex
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // Global values
9
7
  // --------------------------------------------------
10
8
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: bold; // instead of browser default, bold
60
58
  @headingsColor: inherit; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: transparent; // overall background-color
@@ -67,7 +64,6 @@
67
64
  @tableBackgroundHover: #f5f5f5; // for hover
68
65
  @tableBorder: #ddd; // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: @white;
@@ -109,12 +105,11 @@
109
105
  @dropdownDividerBottom: @white;
110
106
 
111
107
  @dropdownLinkColor: @textColor;
112
-
113
108
  @dropdownLinkColorHover: @textColor;
114
- @dropdownLinkBackgroundHover: #FBEBE9;
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
117
111
  @dropdownLinkBackgroundActive: @linkColor;
112
+ @dropdownLinkBackgroundHover: #FBEBE9;
118
113
 
119
114
 
120
115
 
@@ -149,6 +144,11 @@
149
144
  @hrBorder: @grayLighter;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
154
  @wellBackground: @white;
@@ -159,8 +159,8 @@
159
159
  @navbarCollapseWidth: 979px;
160
160
 
161
161
  @navbarHeight: 40px;
162
- @navbarBackground: #fefefe;
163
162
  @navbarBackgroundHighlight: @navbarBackground;
163
+ @navbarBackground: #fefefe;
164
164
  @navbarBorder: darken(@navbarBackground, 12%);
165
165
 
166
166
  @navbarText: @gray;
@@ -261,60 +261,71 @@ div.subnav {
261
261
  }
262
262
 
263
263
  .breadcrumb {
264
- .box-shadow(none);
265
- }
266
-
267
- .breadcrumb, .pagination > ul a, .pager a {
268
264
  border: 1px solid transparent;
269
- .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
270
265
  #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
271
- }
266
+ .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
272
267
 
273
- .breadcrumb li, .breadcrumb a, .pagination > ul a {
274
- color: @grayLighter;
275
- font-weight: bold;
276
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
277
- }
268
+ a {
269
+ color: @grayLighter;
270
+ font-weight: bold;
271
+ }
278
272
 
279
- .breadcrumb a {
280
- color: @white;
273
+ li {
274
+ color: @grayLight;
275
+ font-weight: bold;
276
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
277
+ }
281
278
  }
282
279
 
283
280
  .pagination {
284
281
 
285
- & > ul {
282
+ ul {
286
283
  .box-shadow(none);
287
284
  }
288
285
 
289
- & li > a,
290
- & li.disabled > a {
286
+ ul > li > a {
291
287
  border-left: 1px solid @gray;
292
288
  border-right: 1px solid darken(@gray, 15%);
293
289
  border-top: none;
294
290
  border-bottom: none;
295
- }
296
-
297
- li.disabled > a {
298
- #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
299
- }
291
+ #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
292
+ .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
293
+ color: @grayLighter;
294
+ font-weight: bold;
295
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
300
296
 
301
- & > ul > li:not(.disabled) a:hover,
302
- {
303
- #gradient > .directional(@grayDarker, @grayDark, 280deg);
304
- border-left: 1px solid transparent;
297
+ &:hover {
298
+ #gradient > .directional(@grayDarker, @grayDark, 280deg);
299
+ border-left: 1px solid transparent;
300
+ }
305
301
  }
306
302
 
307
- & > ul > li.active > a,
308
- & > ul > li.active > a:hover {
303
+ ul > li.active > a,
304
+ ul > li.active > a:hover {
309
305
  color: @grayLighter;
310
306
  background-color: @grayDark;
311
307
  #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
312
308
  border-left: 1px solid transparent;
313
309
  }
310
+
311
+ ul > li.disabled > a,
312
+ ul > li.disabled > a:hover {
313
+ border-left: 1px solid @gray;
314
+ border-right: 1px solid darken(@gray, 15%);
315
+ border-top: none;
316
+ border-bottom: none;
317
+ #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
318
+ }
314
319
  }
315
320
 
316
321
  .pager {
317
322
 
323
+ a {
324
+ border: 1px solid transparent;
325
+ .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
326
+ #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
327
+ }
328
+
318
329
  a:hover {
319
330
  #gradient > .directional(@grayDarker, @grayDark, 280deg);
320
331
  border: 1px solid transparent;
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Slate
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // Global values
9
7
  // --------------------------------------------------
10
8
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: bold; // instead of browser default, bold
60
58
  @headingsColor: inherit; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: transparent; // overall background-color
@@ -67,7 +64,6 @@
67
64
  @tableBackgroundHover: @grayDark; // for hover
68
65
  @tableBorder: darken(@grayDarker, 5%); // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: @white;
@@ -109,12 +105,11 @@
109
105
  @dropdownDividerBottom: darken(@grayDarker, 5%);
110
106
 
111
107
  @dropdownLinkColor: @grayLight;
112
-
113
108
  @dropdownLinkColorHover: @grayLighter;
114
- @dropdownLinkBackgroundHover: @grayDarker;
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
117
111
  @dropdownLinkBackgroundActive: @grayDarker;
112
+ @dropdownLinkBackgroundHover: @grayDarker;
118
113
 
119
114
 
120
115
 
@@ -149,6 +144,11 @@
149
144
  @hrBorder: @grayLighter;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
154
  @wellBackground: darken(@grayDarker, 3%);
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Spacelab
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // Global values
9
7
  // --------------------------------------------------
10
8
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: normal; // instead of browser default, bold
60
58
  @headingsColor: inherit; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: transparent; // overall background-color
@@ -67,7 +64,6 @@
67
64
  @tableBackgroundHover: #f5f5f5; // for hover
68
65
  @tableBorder: #ddd; // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: @white;
@@ -109,12 +105,11 @@
109
105
  @dropdownDividerBottom: @white;
110
106
 
111
107
  @dropdownLinkColor: @textColor;
112
-
113
108
  @dropdownLinkColorHover: @white;
114
- @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
117
111
  @dropdownLinkBackgroundActive: @linkColor;
112
+ @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
118
113
 
119
114
 
120
115
 
@@ -149,6 +144,11 @@
149
144
  @hrBorder: @grayLighter;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
154
  @wellBackground: #f5f5f5;
@@ -159,8 +159,8 @@
159
159
  @navbarCollapseWidth: 979px;
160
160
 
161
161
  @navbarHeight: 40px;
162
- @navbarBackground: @grayLight;
163
162
  @navbarBackgroundHighlight: #eee;
163
+ @navbarBackground: @grayLight;
164
164
  @navbarBorder: darken(@navbarBackground, 5%);
165
165
 
166
166
  @navbarText: @textColor;
@@ -127,21 +127,6 @@ blockquote {
127
127
  color: @white;
128
128
  }
129
129
 
130
- .nav > .open > a {
131
- color: @yellow;
132
- }
133
-
134
- .nav > .open > .dropdown-menu {
135
- background-color: @headingsColor;
136
- color: @textColor;
137
- border-color: transparent;
138
- }
139
-
140
- .nav > .open > .dropdown-menu a:hover {
141
- background-color: darken(#90A38F, 10%);
142
- color: @headingsColor;
143
- }
144
-
145
130
  .btn-navbar {
146
131
  margin-top: 14px;
147
132
  }
@@ -358,14 +343,14 @@ div.subnav {
358
343
 
359
344
  .pagination {
360
345
 
361
- & > ul {
346
+ ul {
362
347
  background-color: darken(#90A38F, 10%);
363
348
  background-image: none;
364
349
  border-color: transparent;
365
350
  .box-shadow(none);
366
351
  }
367
352
 
368
- a {
353
+ ul > li > a {
369
354
  color: @yellow;
370
355
  border-color: transparent;
371
356
 
@@ -375,13 +360,13 @@ div.subnav {
375
360
  }
376
361
  }
377
362
 
378
- .active a {
363
+ ul > .active > a {
379
364
  color: @headingsColor;
380
365
  background-color: rgba(0, 0, 0, 0.1);
381
366
  }
382
367
 
383
- .disabled a,
384
- .disabled a:hover {
368
+ ul > .disabled > a,
369
+ ul > .disabled > a:hover {
385
370
  color: @blue;
386
371
  }
387
372
  }
@@ -408,47 +393,17 @@ div.subnav {
408
393
  // --------------------------------------------------
409
394
 
410
395
  .btn {
411
- .buttonBackground(lighten(@blueDark, 5%), @blueDark);
412
396
  font-family: @headingsFontFamily;
413
397
  font-weight: @headingsFontWeight;
414
- color: @white;
415
398
  text-shadow: none;
416
399
  border-color: transparent;
417
400
  .box-shadow(none);
418
-
419
- &:hover {
420
- color: @grayLighter;
421
- }
422
401
  }
423
402
 
424
403
  .btn-large {
425
404
  font-size: 18px;
426
405
  }
427
406
 
428
- .btn-primary {
429
- .buttonBackground(lighten(@blue, 10%), lighten(@blue, 5%));
430
- }
431
-
432
- .btn-warning {
433
- .buttonBackground(@orange, darken(@orange, 5%));
434
- }
435
-
436
- .btn-danger {
437
- .buttonBackground(lighten(@red, 5%), @red);
438
- }
439
-
440
- .btn-success {
441
- .buttonBackground(#62c462, #51a351);
442
- }
443
-
444
- .btn-info {
445
- .buttonBackground(#5bc0de, #2f96b4);
446
- }
447
-
448
- .btn-inverse {
449
- .buttonBackground(@yellow, darken(@yellow, 5%));
450
- }
451
-
452
407
  .btn-group .dropdown-toggle {
453
408
  .box-shadow(none);
454
409
  }
@@ -522,6 +477,42 @@ legend {
522
477
  .border-radius(4px);
523
478
  }
524
479
 
480
+ .control-group.error {
481
+
482
+ label, .help-block, .help-inline {
483
+ color: lighten(@red, 30%);
484
+ }
485
+
486
+ input, select, textarea {
487
+ border: 2px solid lighten(@red, 30%);
488
+ color: @textColor;
489
+ }
490
+ }
491
+
492
+ .control-group.success {
493
+
494
+ label, .help-block, .help-inline {
495
+ color: lighten(#24C00B, 25%);
496
+ }
497
+
498
+ input, select, textarea {
499
+ border: 2px solid lighten(#24C00B, 25%);
500
+ color: @textColor;
501
+ }
502
+ }
503
+
504
+ .control-group.warning {
505
+
506
+ label, .help-block, .help-inline {
507
+ color: lighten(@orange, 25%);
508
+ }
509
+
510
+ input, select, textarea {
511
+ border: 2px solid lighten(@orange, 25%);
512
+ color: @textColor;
513
+ }
514
+ }
515
+
525
516
  // ALERTS, LABELS, BADGES
526
517
  // --------------------------------------------------
527
518
 
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Spruce
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // Global values
9
7
  // --------------------------------------------------
10
8
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: 700; // instead of browser default, bold
60
58
  @headingsColor: #F5F3DC; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: #C3C7AE; // overall background-color
@@ -67,30 +64,29 @@
67
64
  @tableBackgroundHover: darken(#C3C7AE, 10%); // for hover
68
65
  @tableBorder: @headingsColor; // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: @white;
74
70
  @btnBackgroundHighlight: darken(@white, 10%);
75
71
  @btnBorder: darken(@white, 20%);
76
72
 
77
- @btnPrimaryBackground: @linkColor;
78
- @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
73
+ @btnPrimaryBackground: lighten(@blueDark, 10%);
74
+ @btnPrimaryBackgroundHighlight: lighten(@blueDark, 5%);
79
75
 
80
76
  @btnInfoBackground: #5bc0de;
81
77
  @btnInfoBackgroundHighlight: #2f96b4;
82
78
 
83
- @btnSuccessBackground: #62c462;
84
- @btnSuccessBackgroundHighlight: #51a351;
79
+ @btnSuccessBackground: lighten(@blue, 10%);
80
+ @btnSuccessBackgroundHighlight: lighten(@blue, 5%);
85
81
 
86
82
  @btnWarningBackground: lighten(@orange, 15%);
87
83
  @btnWarningBackgroundHighlight: @orange;
88
84
 
89
- @btnDangerBackground: #ee5f5b;
90
- @btnDangerBackgroundHighlight: #bd362f;
85
+ @btnDangerBackground: lighten(@red, 5%);
86
+ @btnDangerBackgroundHighlight: @red;
91
87
 
92
- @btnInverseBackground: @gray;
93
- @btnInverseBackgroundHighlight: @grayDarker;
88
+ @btnInverseBackground: @yellow;
89
+ @btnInverseBackgroundHighlight: darken(@yellow, 5%);
94
90
 
95
91
 
96
92
  // Forms
@@ -103,18 +99,17 @@
103
99
 
104
100
  // Dropdowns
105
101
  // -------------------------
106
- @dropdownBackground: @white;
102
+ @dropdownBackground: @headingsColor;
107
103
  @dropdownBorder: rgba(0,0,0,.2);
108
104
  @dropdownDividerTop: transparent;
109
105
  @dropdownDividerBottom: @bodyBackground;
110
106
 
111
107
  @dropdownLinkColor: @grayDark;
112
-
113
108
  @dropdownLinkColorHover: @white;
114
- @dropdownLinkBackgroundHover: rgba(0, 0, 0, 0.1);
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColorHover;
110
+
117
111
  @dropdownLinkBackgroundActive: @dropdownLinkBackgroundHover;
112
+ @dropdownLinkBackgroundHover: darken(@bodyBackground, 10%);
118
113
 
119
114
 
120
115
 
@@ -149,9 +144,14 @@
149
144
  @hrBorder: @linkColor;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
- @wellBackground: darken(#90A38F, 10%);
154
+ @wellBackground: darken(@bodyBackground, 10%);
155
155
 
156
156
 
157
157
  // Navbar
@@ -159,8 +159,8 @@
159
159
  @navbarCollapseWidth: 979px;
160
160
 
161
161
  @navbarHeight: 50px;
162
- @navbarBackground: @blueDark;
163
162
  @navbarBackgroundHighlight: @navbarBackground;
163
+ @navbarBackground: @blueDark;
164
164
  @navbarBorder: darken(@navbarBackground, 5%);
165
165
 
166
166
  @navbarText: @grayLight;
@@ -194,14 +194,14 @@
194
194
 
195
195
  // Pagination
196
196
  // -------------------------
197
- @paginationBackground: darken(#90A38F, 10%);
197
+ @paginationBackground: darken(@bodyBackground, 10%);
198
198
  @paginationBorder: transparent;
199
199
  @paginationActiveBackground: #A2CDB5;
200
200
 
201
201
 
202
202
  // Hero unit
203
203
  // -------------------------
204
- @heroUnitBackground: darken(#90A38F, 10%);
204
+ @heroUnitBackground: darken(@bodyBackground, 10%);
205
205
  @heroUnitHeadingColor: @headingsColor;
206
206
  @heroUnitLeadColor: inherit;
207
207
 
@@ -1,9 +1,11 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: Superhero
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
6
+ // Global values
7
+ // --------------------------------------------------
8
+
7
9
 
8
10
  // Grays
9
11
  // -------------------------
@@ -55,7 +57,6 @@
55
57
  @headingsFontWeight: bold; // instead of browser default, bold
56
58
  @headingsColor: @orange; // empty to use BS default, @textColor
57
59
 
58
-
59
60
  // Tables
60
61
  // -------------------------
61
62
  @tableBackground: darken(@blue, 3%); // overall background-color
@@ -63,7 +64,6 @@
63
64
  @tableBackgroundHover: lighten(@blue, 5%); // for hover
64
65
  @tableBorder: transparent; // table and cell border
65
66
 
66
-
67
67
  // Buttons
68
68
  // -------------------------
69
69
  @btnBackground: @white;
@@ -105,12 +105,11 @@
105
105
  @dropdownDividerBottom: @blue;
106
106
 
107
107
  @dropdownLinkColor: @textColor;
108
-
109
108
  @dropdownLinkColorHover: @white;
110
- @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
111
-
112
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
113
111
  @dropdownLinkBackgroundActive: @linkColor;
112
+ @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
114
113
 
115
114
 
116
115
 
@@ -145,6 +144,11 @@
145
144
  @hrBorder: transparent;
146
145
 
147
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
148
152
  // Wells
149
153
  // -------------------------
150
154
  @wellBackground: @blue;
@@ -155,8 +159,8 @@
155
159
  @navbarCollapseWidth: 979px;
156
160
 
157
161
  @navbarHeight: 70px;
158
- @navbarBackground: @blueDark;
159
162
  @navbarBackgroundHighlight: @navbarBackground;
163
+ @navbarBackground: @blueDark;
160
164
  @navbarBorder: darken(@navbarBackground, 5%);
161
165
 
162
166
  @navbarText: @grayLight;
@@ -1,10 +1,8 @@
1
- //
2
1
  // Variables
3
2
  // Swatch: United
4
3
  // Version: 2.1.1
5
4
  // --------------------------------------------------
6
5
 
7
-
8
6
  // Global values
9
7
  // --------------------------------------------------
10
8
 
@@ -59,7 +57,6 @@
59
57
  @headingsFontWeight: bold; // instead of browser default, bold
60
58
  @headingsColor: inherit; // empty to use BS default, @textColor
61
59
 
62
-
63
60
  // Tables
64
61
  // -------------------------
65
62
  @tableBackground: transparent; // overall background-color
@@ -67,7 +64,6 @@
67
64
  @tableBackgroundHover: #f5f5f5; // for hover
68
65
  @tableBorder: #ddd; // table and cell border
69
66
 
70
-
71
67
  // Buttons
72
68
  // -------------------------
73
69
  @btnBackground: @white;
@@ -109,12 +105,11 @@
109
105
  @dropdownDividerBottom: @white;
110
106
 
111
107
  @dropdownLinkColor: @linkColor;
112
-
113
108
  @dropdownLinkColorHover: @white;
114
- @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
115
-
116
109
  @dropdownLinkColorActive: @dropdownLinkColor;
110
+
117
111
  @dropdownLinkBackgroundActive: @linkColor;
112
+ @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
118
113
 
119
114
 
120
115
 
@@ -149,6 +144,11 @@
149
144
  @hrBorder: @grayLighter;
150
145
 
151
146
 
147
+ // Horizontal forms & lists
148
+ // -------------------------
149
+ @horizontalComponentOffset: 180px;
150
+
151
+
152
152
  // Wells
153
153
  // -------------------------
154
154
  @wellBackground: #f5f5f5;
@@ -159,8 +159,8 @@
159
159
  @navbarCollapseWidth: 979px;
160
160
 
161
161
  @navbarHeight: 40px;
162
- @navbarBackground: @orange;
163
162
  @navbarBackgroundHighlight: #CE4213;
163
+ @navbarBackground: @orange;
164
164
  @navbarBorder: darken(@navbarBackground, 5%);
165
165
 
166
166
  @navbarText: @white;
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.3
4
+ version: 0.3.4
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-09-22 00:00:00.000000000 Z
12
+ date: 2012-10-08 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: less-rails-bootstrap