less-rails-bootswatch 0.2.11 → 0.3.0

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.
Files changed (25) hide show
  1. data/lib/less/rails/bootswatch/version.rb +1 -1
  2. data/vendor/frameworks/stylesheets/bootswatch/amelia/bootswatch.less +174 -61
  3. data/vendor/frameworks/stylesheets/bootswatch/amelia/variables.less +91 -18
  4. data/vendor/frameworks/stylesheets/bootswatch/cerulean/bootswatch.less +66 -27
  5. data/vendor/frameworks/stylesheets/bootswatch/cerulean/variables.less +93 -20
  6. data/vendor/frameworks/stylesheets/bootswatch/cyborg/bootswatch.less +134 -44
  7. data/vendor/frameworks/stylesheets/bootswatch/cyborg/variables.less +88 -15
  8. data/vendor/frameworks/stylesheets/bootswatch/default/variables.less +102 -29
  9. data/vendor/frameworks/stylesheets/bootswatch/journal/bootswatch.less +11 -2
  10. data/vendor/frameworks/stylesheets/bootswatch/journal/variables.less +88 -15
  11. data/vendor/frameworks/stylesheets/bootswatch/readable/bootswatch.less +79 -98
  12. data/vendor/frameworks/stylesheets/bootswatch/readable/variables.less +98 -25
  13. data/vendor/frameworks/stylesheets/bootswatch/simplex/bootswatch.less +87 -36
  14. data/vendor/frameworks/stylesheets/bootswatch/simplex/variables.less +97 -24
  15. data/vendor/frameworks/stylesheets/bootswatch/slate/bootswatch.less +104 -51
  16. data/vendor/frameworks/stylesheets/bootswatch/slate/variables.less +88 -15
  17. data/vendor/frameworks/stylesheets/bootswatch/spacelab/bootswatch.less +53 -33
  18. data/vendor/frameworks/stylesheets/bootswatch/spacelab/variables.less +92 -19
  19. data/vendor/frameworks/stylesheets/bootswatch/spruce/bootswatch.less +120 -69
  20. data/vendor/frameworks/stylesheets/bootswatch/spruce/variables.less +106 -33
  21. data/vendor/frameworks/stylesheets/bootswatch/superhero/bootswatch.less +66 -48
  22. data/vendor/frameworks/stylesheets/bootswatch/superhero/variables.less +87 -18
  23. data/vendor/frameworks/stylesheets/bootswatch/united/bootswatch.less +36 -21
  24. data/vendor/frameworks/stylesheets/bootswatch/united/variables.less +92 -19
  25. metadata +4 -4
@@ -1,12 +1,12 @@
1
1
  // Bootswatch.less
2
2
  // Swatch: Slate
3
- // Version: 2.0.4
3
+ // Version: 2.1.0
4
4
  // -----------------------------------------------------
5
5
 
6
6
  // SCAFFOLDING
7
7
  // -----------------------------------------------------
8
8
 
9
- h1, h2, h3, h4, h5, h6, body, legend, label {
9
+ h1, h2, h3, h4, h5, h6, legend, label {
10
10
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
11
11
  }
12
12
 
@@ -26,14 +26,14 @@ h1, h2, h3, h4, h5, h6, body, legend, label {
26
26
  }
27
27
 
28
28
  .navbar-text {
29
- padding: 0 10px;
30
- line-height: 38px;
29
+ padding: 0 15px;
30
+ font-weight: bold;
31
31
  }
32
32
 
33
33
  .nav > li > a {
34
34
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
35
- border-right: 1px solid darken(@gray, 15%);
36
- border-left: 1px solid @gray;
35
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
36
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
37
37
 
38
38
  &:hover {
39
39
  #gradient > .directional(@grayDarker, @grayDark, 280deg);
@@ -63,20 +63,51 @@ h1, h2, h3, h4, h5, h6, body, legend, label {
63
63
  border-bottom: 6px solid @grayDark;
64
64
  }
65
65
 
66
- .nav-collapse.in > .nav > li > a,
67
- .nav-collapse.in > .nav > li.active > a,
68
- .nav-collapse.in > .nav > li > a:hover,
69
- .nav-collapse.in > .nav > li.active > a:hover {
70
- .box-shadow(none);
71
- color: @grayLighter;
72
- border: 1px solid transparent;
73
- background-color: transparent;
74
- background-image: none;
66
+ .nav-collapse.collapse {
67
+
68
+ .nav li > a,
69
+ .nav li.active > a,
70
+ .nav li > a:hover,
71
+ .nav li.active > a:hover {
72
+ .box-shadow(none);
73
+ color: @grayLighter;
74
+ border: 1px solid transparent;
75
+ background-color: transparent;
76
+ background-image: none;
77
+ }
78
+
79
+ .nav li > a:hover,
80
+ .nav li.active > a:hover {
81
+ background-color: @grayDarker;
82
+ }
83
+
84
+ .navbar-form,
85
+ .navbar-search {
86
+ border-color: transparent;
87
+ .box-shadow(none);
88
+ }
89
+
90
+ .nav-header {
91
+ color: @grayLight;
92
+ }
75
93
  }
76
94
 
77
- .nav-collapse.in > .nav > li > a:hover,
78
- .nav-collapse.in > .nav > li.active > a:hover {
79
- background-color: @grayDarker;
95
+ &-inverse {
96
+
97
+ .navbar-inner {
98
+ #gradient > .vertical-three-colors(darken(@grayDarker, 3%), darken(@grayDarker, 8%), 70%, darken(@grayDarker, 8%));
99
+ }
100
+
101
+ .nav li > a {
102
+ background-image: none;
103
+ background-color: transparent;
104
+ }
105
+
106
+ .nav li > a:hover,
107
+ .nav li.active > a,
108
+ .nav li.active > a:hover {
109
+ #gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg);
110
+ }
80
111
  }
81
112
  }
82
113
 
@@ -196,10 +227,6 @@ div.subnav {
196
227
  // NAVIGATION
197
228
  // -----------------------------------------------------
198
229
 
199
- .pagination > ul {
200
- .box-shadow(none);
201
- }
202
-
203
230
  .breadcrumb {
204
231
  .box-shadow(none);
205
232
  }
@@ -220,35 +247,50 @@ div.subnav {
220
247
  color: @white;
221
248
  }
222
249
 
223
- .pagination li > a,
224
- .pagination li.disabled > a {
225
- border-left: 1px solid @gray;
226
- border-right: 1px solid darken(@gray, 15%);
227
- border-top: none;
228
- border-bottom: none;
229
- }
250
+ .pagination {
230
251
 
231
- .pagination li.disabled > a {
232
- #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
233
- }
252
+ & > ul {
253
+ .box-shadow(none);
254
+ }
234
255
 
235
- .pagination > ul > li:not(.disabled) a:hover,
236
- {
237
- #gradient > .directional(@grayDarker, @grayDark, 280deg);
238
- border-left: 1px solid transparent;
239
- }
256
+ & li > a,
257
+ & li.disabled > a {
258
+ border-left: 1px solid @gray;
259
+ border-right: 1px solid darken(@gray, 15%);
260
+ border-top: none;
261
+ border-bottom: none;
262
+ }
240
263
 
241
- .pagination > ul > li.active > a,
242
- .pagination > ul > li.active > a:hover {
243
- color: @grayLighter;
244
- background-color: @grayDark;
245
- #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
246
- border-left: 1px solid transparent;
264
+ li.disabled > a {
265
+ #gradient > .vertical-three-colors(@grayLight, @gray, 70%, @gray);
266
+ }
267
+
268
+ & > ul > li:not(.disabled) a:hover,
269
+ {
270
+ #gradient > .directional(@grayDarker, @grayDark, 280deg);
271
+ border-left: 1px solid transparent;
272
+ }
273
+
274
+ & > ul > li.active > a,
275
+ & > ul > li.active > a:hover {
276
+ color: @grayLighter;
277
+ background-color: @grayDark;
278
+ #gradient > .directional(lighten(@grayDarker, 4%), lighten(@grayDark, 4%), 280deg);
279
+ border-left: 1px solid transparent;
280
+ }
247
281
  }
248
282
 
249
- .pager a:hover {
250
- #gradient > .directional(@grayDarker, @grayDark, 280deg);
251
- border: 1px solid transparent;
283
+ .pager {
284
+
285
+ a:hover {
286
+ #gradient > .directional(@grayDarker, @grayDark, 280deg);
287
+ border: 1px solid transparent;
288
+ }
289
+
290
+ .disabled a,
291
+ .disabled a:hover {
292
+ background-color: transparent;
293
+ }
252
294
  }
253
295
 
254
296
  .nav .nav-header {
@@ -342,9 +384,9 @@ label, input, button, select, textarea, legend {
342
384
  border-top: none;
343
385
  }
344
386
 
345
- .input-prepend .add-on, .input-append .add-on {
387
+ .input-prepend .add-on,
388
+ .input-append .add-on {
346
389
  vertical-align: top;
347
- height: 19px;
348
390
  background-color: @gray;
349
391
  border-top: 1px solid @grayLight;
350
392
  border-left: 1px solid @grayLight;
@@ -353,8 +395,19 @@ label, input, button, select, textarea, legend {
353
395
  text-shadow: none;
354
396
  }
355
397
 
356
- .uneditable-input, input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
357
- text-shadow: none;
398
+ .input-append .btn,
399
+ .input-prepend .btn {
400
+ margin-top: -1px;
401
+ padding: 5px 14px;
402
+ }
403
+
404
+ .uneditable-input,
405
+ input[disabled],
406
+ select[disabled],
407
+ textarea[disabled],
408
+ input[readonly],
409
+ select[readonly],
410
+ textarea[readonly] {
358
411
  color: @grayLighter;
359
412
  }
360
413
 
@@ -437,11 +490,11 @@ footer.footer {
437
490
  }
438
491
 
439
492
  .well, .progress, .hero-unit {
440
- background-color: darken(@grayDarker, 3%);
441
493
  .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
442
494
  }
443
495
 
444
496
  .progress {
497
+ background-color: darken(@grayDarker, 3%);
445
498
  #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
446
499
  }
447
500
 
@@ -1,10 +1,11 @@
1
- // Variables.less
2
- // Variables to customize the look and feel of Bootstrap
1
+ //
2
+ // Variables
3
3
  // Swatch: Slate
4
- // Version: 2.0.4
5
- // -----------------------------------------------------
4
+ // Version: 2.1.0
5
+ // --------------------------------------------------
6
+
6
7
 
7
- // GLOBAL VALUES
8
+ // Global values
8
9
  // --------------------------------------------------
9
10
 
10
11
 
@@ -104,11 +105,16 @@
104
105
  // -------------------------
105
106
  @dropdownBackground: @grayDark;
106
107
  @dropdownBorder: rgba(0,0,0,.2);
108
+ @dropdownDividerTop: #e5e5e5;
109
+ @dropdownDividerBottom: darken(@grayDarker, 5%);
110
+
107
111
  @dropdownLinkColor: @grayLight;
112
+
108
113
  @dropdownLinkColorHover: @grayLighter;
109
114
  @dropdownLinkBackgroundHover: @grayDarker;
110
- @dropdownDividerTop: #e5e5e5;
111
- @dropdownDividerBottom: darken(@grayDarker, 5%);
115
+
116
+ @dropdownLinkColorActive: @dropdownLinkColor;
117
+ @dropdownLinkBackgroundActive: @grayDarker;
112
118
 
113
119
 
114
120
 
@@ -121,7 +127,7 @@
121
127
  // Try to avoid customizing these :)
122
128
  @zindexDropdown: 1000;
123
129
  @zindexPopover: 1010;
124
- @zindexTooltip: 1020;
130
+ @zindexTooltip: 1030;
125
131
  @zindexFixedNavbar: 1030;
126
132
  @zindexModalBackdrop: 1040;
127
133
  @zindexModal: 1050;
@@ -143,11 +149,19 @@
143
149
  @hrBorder: @grayLighter;
144
150
 
145
151
 
152
+ // Wells
153
+ // -------------------------
154
+ @wellBackground: darken(@grayDarker, 3%);
155
+
156
+
146
157
  // Navbar
147
158
  // -------------------------
159
+ @navbarCollapseWidth: 979px;
160
+
148
161
  @navbarHeight: 40px;
149
162
  @navbarBackground: @grayDarker;
150
163
  @navbarBackgroundHighlight: @grayDark;
164
+ @navbarBorder: darken(@navbarBackground, 12%);
151
165
 
152
166
  @navbarText: @grayLight;
153
167
  @navbarLinkColor: @grayLighter;
@@ -156,16 +170,38 @@
156
170
  @navbarLinkBackgroundHover: @grayDark;
157
171
  @navbarLinkBackgroundActive: @navbarBackground;
158
172
 
159
- @navbarSearchBackground: lighten(@navbarBackground, 25%);
160
- @navbarSearchBackgroundFocus: @white;
161
- @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
162
- @navbarSearchPlaceholderColor: #ccc;
163
173
  @navbarBrandColor: @grayLighter;
164
174
 
175
+ // Inverted navbar
176
+ @navbarInverseBackground: darken(@grayDarker, 10%);
177
+ @navbarInverseBackgroundHighlight: @grayDarker;
178
+ @navbarInverseBorder: #252525;
179
+
180
+ @navbarInverseText: @grayLight;
181
+ @navbarInverseLinkColor: @grayLight;
182
+ @navbarInverseLinkColorHover: @white;
183
+ @navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
184
+ @navbarInverseLinkBackgroundHover: transparent;
185
+ @navbarInverseLinkBackgroundActive: @navbarInverseBackground;
186
+
187
+ @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
188
+ @navbarInverseSearchBackgroundFocus: @white;
189
+ @navbarInverseSearchBorder: @navbarInverseBackground;
190
+ @navbarInverseSearchPlaceholderColor: #ccc;
191
+
192
+ @navbarInverseBrandColor: @navbarInverseLinkColor;
193
+
194
+
195
+ // Pagination
196
+ // -------------------------
197
+ @paginationBackground: #fff;
198
+ @paginationBorder: #ddd;
199
+ @paginationActiveBackground: #f5f5f5;
200
+
165
201
 
166
202
  // Hero unit
167
203
  // -------------------------
168
- @heroUnitBackground: @grayLighter;
204
+ @heroUnitBackground: darken(@grayDarker, 3%);
169
205
  @heroUnitHeadingColor: inherit;
170
206
  @heroUnitLeadColor: inherit;
171
207
 
@@ -189,10 +225,28 @@
189
225
  @infoBorder: darken(spin(@infoBackground, -10), 7%);
190
226
 
191
227
 
228
+ // Tooltips and popovers
229
+ // -------------------------
230
+ @tooltipColor: #fff;
231
+ @tooltipBackground: #000;
232
+ @tooltipArrowWidth: 5px;
233
+ @tooltipArrowColor: @tooltipBackground;
234
+
235
+ @popoverBackground: #fff;
236
+ @popoverArrowWidth: 10px;
237
+ @popoverArrowColor: #fff;
238
+ @popoverTitleBackground: darken(@popoverBackground, 3%);
239
+
240
+ // Special enhancement for popovers
241
+ @popoverArrowOuterWidth: @popoverArrowWidth + 1;
242
+ @popoverArrowOuterColor: rgba(0,0,0,.25);
243
+
244
+
192
245
 
193
246
  // GRID
194
247
  // --------------------------------------------------
195
248
 
249
+
196
250
  // Default 940px grid
197
251
  // -------------------------
198
252
  @gridColumns: 12;
@@ -200,7 +254,26 @@
200
254
  @gridGutterWidth: 20px;
201
255
  @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
202
256
 
257
+ // 1200px min
258
+ @gridColumnWidth1200: 70px;
259
+ @gridGutterWidth1200: 30px;
260
+ @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
261
+
262
+ // 768px-979px
263
+ @gridColumnWidth768: 42px;
264
+ @gridGutterWidth768: 20px;
265
+ @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
266
+
267
+
203
268
  // Fluid grid
204
269
  // -------------------------
205
- @fluidGridColumnWidth: 6.382978723%;
206
- @fluidGridGutterWidth: 2.127659574%;
270
+ @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
271
+ @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
272
+
273
+ // 1200px min
274
+ @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
275
+ @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
276
+
277
+ // 768px-979px
278
+ @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
279
+ @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
@@ -1,6 +1,6 @@
1
1
  // Bootswatch.less
2
2
  // Swatch: Spacelab
3
- // Version: 2.0.4
3
+ // Version: 2.1.0
4
4
  // -----------------------------------------------------
5
5
 
6
6
  // NAVBAR
@@ -21,21 +21,10 @@
21
21
  }
22
22
  }
23
23
 
24
- .nav > li.active > a,
25
- .nav > li.dropdown > .dropdown-toggle,
26
- .nav > li.dropdown.active > .dropdown-toggle,
27
- .nav > li.dropdown.open > .dropdown-toggle,
28
- .nav > li.dropdown.open.active > .dropdown-toggle {
29
-
30
- color: @textColor;
31
-
32
- &:hover {
33
- color: @linkColor;
34
- }
35
-
36
- .caret {
37
- border-top-color: @textColor;
38
- }
24
+ .nav > li > a {
25
+ padding: 11px 10px 9px;
26
+ font-weight: bold;
27
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
39
28
  }
40
29
 
41
30
  .navbar-text {
@@ -44,15 +33,9 @@
44
33
  line-height: 38px;
45
34
  }
46
35
 
47
- .nav > li > a {
48
- padding: 11px 10px 9px;
49
- font-weight: bold;
50
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
51
- }
52
-
53
36
  .navbar-search .search-query,
54
37
  .navbar-search .search-query:hover {
55
- border: none;
38
+ margin-bottom: 0;
56
39
  color: @grayLight;
57
40
  .placeholder(@grayLight);
58
41
  .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5));
@@ -64,21 +47,46 @@
64
47
  }
65
48
  }
66
49
 
67
- .nav-collapse.in .navbar-search {
68
- border-top: none;
69
- border-bottom: none;
70
- }
50
+ .nav-collapse.collapse {
71
51
 
72
- .nav-collapse.in > .nav li > a {
52
+ .navbar-search {
53
+ border-top: none;
54
+ border-bottom: none;
55
+ }
73
56
 
74
- color: @textColor;
57
+ & > .nav li > a:hover {
58
+ background-color: @linkColor;
59
+ color: @white;
60
+ text-shadow: none;
61
+ }
75
62
 
76
63
  }
77
64
 
78
- .nav-collapse.in > .nav li > a:hover {
79
- text-shadow: none;
80
- color: @linkColor;
81
- background-color: transparent;
65
+ &-inverse {
66
+ .brand {
67
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
68
+
69
+ &:hover {
70
+ color: @white;
71
+ }
72
+ }
73
+
74
+ .nav > li > a {
75
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
76
+ }
77
+
78
+ .nav li.dropdown.open > .dropdown-toggle .caret,
79
+ .nav li.dropdown:hover > .dropdown-toggle .caret,
80
+ .nav li.dropdown.open:hover > .dropdown-toggle .caret {
81
+ border-top-color: @white;
82
+ }
83
+
84
+ .nav-collapse.collapse {
85
+ .nav li > a,
86
+ .nav-header {
87
+ color: @grayLighter;
88
+ }
89
+ }
82
90
  }
83
91
  }
84
92
 
@@ -138,6 +146,17 @@ div.subnav {
138
146
 
139
147
  .btn {
140
148
  .buttonBackground(#F4F4F4, #ECECEC);
149
+ color: @textColor;
150
+ text-shadow: none;
151
+
152
+
153
+ &:hover,
154
+ &:active,
155
+ &.active,
156
+ &.disabled,
157
+ &[disabled] {
158
+ color: @grayDark;
159
+ }
141
160
  }
142
161
 
143
162
  .btn-primary {
@@ -164,6 +183,7 @@ div.subnav {
164
183
  .buttonBackground(lighten(@purple, 5%), @purple);
165
184
  }
166
185
 
186
+
167
187
  // FORMS
168
188
  // -----------------------------------------------------
169
189