less-rails-bootswatch 0.3.3 → 0.3.4

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