less-rails-bootswatch 0.2.2 → 0.2.3

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 +5 -8
  3. data/vendor/frameworks/stylesheets/bootswatch/amelia/variables.less +10 -8
  4. data/vendor/frameworks/stylesheets/bootswatch/cerulean/bootswatch.less +33 -31
  5. data/vendor/frameworks/stylesheets/bootswatch/cerulean/variables.less +11 -9
  6. data/vendor/frameworks/stylesheets/bootswatch/cyborg/bootswatch.less +171 -144
  7. data/vendor/frameworks/stylesheets/bootswatch/cyborg/variables.less +20 -18
  8. data/vendor/frameworks/stylesheets/bootswatch/default/variables.less +10 -6
  9. data/vendor/frameworks/stylesheets/bootswatch/journal/bootswatch.less +74 -74
  10. data/vendor/frameworks/stylesheets/bootswatch/journal/variables.less +12 -10
  11. data/vendor/frameworks/stylesheets/bootswatch/readable/bootswatch.less +39 -11
  12. data/vendor/frameworks/stylesheets/bootswatch/readable/variables.less +10 -8
  13. data/vendor/frameworks/stylesheets/bootswatch/simplex/bootswatch.less +32 -39
  14. data/vendor/frameworks/stylesheets/bootswatch/simplex/variables.less +10 -8
  15. data/vendor/frameworks/stylesheets/bootswatch/slate/bootswatch.less +7 -11
  16. data/vendor/frameworks/stylesheets/bootswatch/slate/variables.less +13 -11
  17. data/vendor/frameworks/stylesheets/bootswatch/spacelab/bootswatch.less +85 -77
  18. data/vendor/frameworks/stylesheets/bootswatch/spacelab/variables.less +10 -8
  19. data/vendor/frameworks/stylesheets/bootswatch/spruce/bootswatch.less +143 -121
  20. data/vendor/frameworks/stylesheets/bootswatch/spruce/variables.less +12 -10
  21. data/vendor/frameworks/stylesheets/bootswatch/superhero/bootswatch.less +145 -134
  22. data/vendor/frameworks/stylesheets/bootswatch/superhero/variables.less +12 -10
  23. data/vendor/frameworks/stylesheets/bootswatch/united/bootswatch.less +38 -43
  24. data/vendor/frameworks/stylesheets/bootswatch/united/variables.less +10 -8
  25. metadata +10 -5
@@ -1,6 +1,6 @@
1
1
  // Bootswatch.less
2
2
  // Swatch: Cyborg
3
- // Version: 2.0.2
3
+ // Version: 2.0.3
4
4
  // -----------------------------------------------------
5
5
 
6
6
  // TYPOGRAPHY
@@ -30,18 +30,15 @@ label, input, button, select, textarea,
30
30
  font-weight: normal !important;
31
31
  }
32
32
 
33
- blockquote {
34
- border-left: 5px solid @blue;
35
-
36
- &.pull-right {
37
- border-right: 5px solid @blue;
38
- }
39
- }
40
-
41
33
  // SCAFFOLDING
42
34
  // -----------------------------------------------------
43
35
 
36
+ html {
37
+ min-height: 100%;
38
+ }
39
+
44
40
  body {
41
+ min-height: 100%;
45
42
  #gradient > .vertical (@bodyBackground, #252A30);
46
43
  }
47
44
 
@@ -52,40 +49,64 @@ body {
52
49
  // NAVBAR
53
50
  // -----------------------------------------------------
54
51
 
55
- .navbar-inner {
56
- .border-radius(0);
57
- @shadow: none;
58
- .box-shadow(@shadow);
59
- border-bottom: 2px solid @blue
60
- }
61
-
62
- .navbar .brand {
63
- padding: 12px 20px 8px;
64
- }
65
-
66
- .navbar .nav li > a {
67
- padding: 13px 10px 8px;
68
- border-bottom: 3px solid rgba(0, 0, 0, 0);
69
- }
52
+ .navbar {
53
+
54
+ .navbar-inner {
55
+ .border-radius(0);
56
+ .box-shadow(none);
57
+ border-bottom: 2px solid @blue
58
+ }
59
+
60
+ .brand {
61
+ padding: 12px 20px 8px;
62
+
63
+ &:hover {
64
+ border-bottom: 3px solid @blue
65
+ }
66
+ }
67
+
68
+ .nav li > a {
69
+ padding: 13px 10px 8px;
70
+ border-bottom: 3px solid rgba(0, 0, 0, 0);
71
+ border-left: 1px solid #222;
72
+
73
+ &:hover {
74
+ border-bottom: 3px solid @blue
75
+ }
76
+ }
77
+
78
+ .nav .active > a {
79
+ border-bottom: 3px solid @blue
80
+ }
81
+
82
+ .search-query,
83
+ .search-query:focus,
84
+ .search-query.focused {
85
+ color: @grayLight;
86
+ text-shadow: none;
87
+ background-color: #222;
88
+ .border-radius(1px);
89
+ .placeholder(@gray);
90
+ }
91
+
92
+ .nav li.dropdown.active.open .dropdown-toggle:hover {
93
+ border-bottom: 3px solid @blue;
94
+ border-left: 1px solid #222;
95
+ }
96
+
97
+ .dropdown-menu::before,
98
+ .dropdown-menu::after {
99
+ display: none;
100
+ }
70
101
 
71
- .navbar .nav .active > a,
72
- .navbar .nav li > a:hover,
73
- .navbar .brand:hover {
74
- border-bottom: 3px solid @blue
75
- }
102
+ .nav-collapse.in .nav > li > a {
103
+ border-left: 0;
104
+ }
76
105
 
77
- .navbar .search-query,
78
- .navbar .search-query:focus,
79
- .navbar .search-query.focused {
80
- color: @grayLight;
81
- text-shadow: none;
82
- background-color: #222;
83
- .border-radius(1px);
84
- .placeholder(@gray);
85
- }
106
+ .nav-collapse.in .nav a:hover {
107
+ background-color: @blue;
108
+ }
86
109
 
87
- .navbar .nav > li > a {
88
- border-left: 1px solid #222;
89
110
  }
90
111
 
91
112
  .dropdown-menu {
@@ -104,66 +125,51 @@ body {
104
125
  border-bottom: 0px solid white;
105
126
  }
106
127
 
107
- .navbar .dropdown-menu::before,
108
- .navbar .dropdown-menu::after {
109
- display: none;
110
- }
111
-
112
- .navbar .nav-collapse.in .nav > li > a {
113
- border-left: 0;
114
- }
115
-
116
- .navbar .nav-collapse.in .nav a:hover {
117
- background-color: @blue;
118
- }
119
-
120
128
  div.subnav {
121
129
  position: static;
122
130
  background-color: @grayDarker;
123
131
  background-image: none;
124
132
  border: 0;
125
- }
126
-
127
- div.subnav.subnav-fixed {
128
- position: relative;
129
- left: -1px;
130
- top: auto;
131
- }
132
-
133
- div.subnav .nav > li > a,
134
- div.subnav .nav .active a {
135
- background-color: @grayDarker;
136
- border-left: 1px solid #222;
137
- border-right: 0;
138
- color: @grayLighter;
139
- }
140
-
141
- div.subnav .nav li.nav-header {
142
- text-shadow: none;
143
- }
133
+
134
+
135
+ &.subnav-fixed {
136
+ position: relative;
137
+ left: -1px;
138
+ top: auto;
139
+ }
144
140
 
145
- .subnav .nav > li > a:hover,
146
- .subnav .nav > li.active > a:hover,
147
- .subnav .nav > li:first-child > a:hover {
148
- background: transparent;
149
- border-bottom: 2px solid @blue;
150
- border-left: 1px solid #222;
151
- color: @white;
152
- }
141
+ .nav > li > a,
142
+ .nav .active a {
143
+ background-color: @grayDarker;
144
+ border-left: 1px solid #222;
145
+ border-right: 0;
146
+ color: @grayLighter;
147
+ }
153
148
 
154
- div.subnav .nav .dropdown.open {
149
+ .nav li.nav-header {
150
+ text-shadow: none;
151
+ }
155
152
 
156
- .dropdown-toggle {
153
+ .nav > li > a:hover,
154
+ .nav > li.active > a:hover,
155
+ .nav > li:first-child > a:hover {
156
+ background: transparent;
157
+ border-bottom: 2px solid @blue;
158
+ border-left: 1px solid #222;
159
+ color: @white;
160
+ }
161
+
162
+ .nav .open .dropdown-toggle {
157
163
  border: 0;
158
164
  border-left: 1px solid #222;
159
165
  border-bottom: 2px solid @blue;
160
166
  background-color: #060606;
161
167
  }
162
-
163
- .dropdown-menu {
168
+
169
+ .nav .open .dropdown-menu {
164
170
  background-color: @grayDarker;
165
171
  border-left: solid 1px rgba(255, 255, 255, 0.1);
166
-
172
+
167
173
  li > a:hover {
168
174
  border-bottom: 0;
169
175
  background: @blue;
@@ -188,49 +194,83 @@ div.subnav .nav .dropdown.open {
188
194
  // NAVIGATION
189
195
  // -----------------------------------------------------
190
196
 
191
- .nav-list > li > a, .nav-list .nav-header {
192
- text-shadow: none;
193
- }
194
-
195
- .nav-list li > a:hover,
196
- .nav-tabs li > a:hover,
197
- .nav-tabs li.active > a,
198
- .nav-pills li > a:hover,
199
- .nav-stacked li > a:hover,
200
- .nav-stacked li.active > a {
201
- background-color: @blue;
202
- color: @white;
197
+ .nav-list {
198
+
199
+ li > a {
200
+ text-shadow: none;
201
+ }
202
+
203
+ li > a:hover {
204
+ background-color: @blue;
205
+ color: @white;
206
+ }
207
+
208
+ .nav-header {
209
+ text-shadow: none;
210
+ }
211
+
212
+ .divider {
213
+ background-color: transparent;
214
+ border-bottom: 1px solid #222;
215
+ }
203
216
  }
204
217
 
205
218
  .nav-tabs {
219
+
206
220
  border-bottom: 1px solid #222;
221
+
222
+ li > a:hover,
223
+ li.active > a,
224
+ li.active > a:hover {
225
+ border: 1px solid #222;
226
+ background-color: @blue;
227
+ color: @white;
228
+ }
229
+
230
+ .open .dropdown-toggle {
231
+ background-color: #060606 !important;
232
+ border: 1px solid #222;
233
+ }
234
+
235
+ .dropdown-menu li > a:hover {
236
+ border: none;
237
+ }
207
238
  }
208
239
 
209
- .nav-stacked > li > a,
210
- .nav-tabs > li > a:hover,
211
- .nav-tabs > .active > a,
212
- .nav-tabs > .active > a:hover {
213
- border: 1px solid #222 !important;
214
- }
240
+ .nav-pills {
215
241
 
216
- .nav.nav-tabs .active a:hover {
217
- background-color: @blue;
218
- color: @white;
242
+ li > a:hover {
243
+ background-color: @blue;
244
+ color: @white;
245
+ }
246
+
247
+ .open .dropdown-toggle {
248
+ background-color: #060606;
249
+ }
250
+
251
+ .dropdown-menu li > a:hover {
252
+ border: none;
253
+ }
219
254
  }
220
255
 
221
- .nav.nav-tabs .dropdown.open,
222
- .nav.nav-pills .dropdown.open {
223
- .dropdown-toggle {
224
- background-color: #060606 !important;
225
- border-top: 0;
226
- border: 1px solid #222;
256
+ .nav-stacked {
257
+
258
+ li > a {
259
+ border: 1px solid #222 !important;
227
260
  }
228
261
 
229
- .dropdown-menu li > a:hover { border-bottom: 0; }
262
+ li > a:hover,
263
+ li.active > a {
264
+ background-color: @blue;
265
+ color: @white;
266
+ }
230
267
  }
231
268
 
232
- .tabbable .nav-tabs, .thumbnail {
233
- border-color: #222;
269
+ .tabbable {
270
+ .nav-tabs,
271
+ .nav-tabs li.active > a {
272
+ border-color: #222;
273
+ }
234
274
  }
235
275
 
236
276
  .breadcrumb {
@@ -270,7 +310,6 @@ div.subnav .nav .dropdown.open {
270
310
  // -----------------------------------------------------
271
311
 
272
312
  .btn {
273
- .border-radius(3px);
274
313
  .box-shadow(1px 1px 2px #111);
275
314
  .buttonBackground(darken(@gray, 20%), darken(@gray, 30%));
276
315
  color: @white;
@@ -306,27 +345,6 @@ div.subnav .nav .dropdown.open {
306
345
  .buttonBackground(lighten(@purple, 5%), @purple);
307
346
  }
308
347
 
309
- .btn-group .btn:first-child {
310
- -webkit-border-top-left-radius: 3px;
311
- -moz-border-top-left-radius: 3px;
312
- border-top-left-radius: 3px;
313
-
314
- -webkit-border-bottom-left-radius: 3px;
315
- -moz-border-bottom-left-radius: 3px;
316
- border-bottom-left-radius: 3px;
317
- }
318
-
319
- .btn-group .btn:last-child, .btn-group .dropdown-toggle {
320
- -webkit-border-top-right-radius: 3px;
321
- -moz-border-top-right-radius: 3px;
322
- border-top-right-radius: 3px;
323
-
324
- -webkit-border-bottom-right-radius: 3px;
325
- -moz-border-bottom-right-radius: 3px;
326
- border-bottom-right-radius: 3px;
327
-
328
- }
329
-
330
348
  .btn .caret {
331
349
  border-top: 4px solid black;
332
350
  opacity: 0.3;
@@ -379,10 +397,6 @@ select:focus {
379
397
  }
380
398
 
381
399
  .form-actions {
382
- background: transparent;
383
- }
384
-
385
- .form-actions, footer.footer {
386
400
  border-top: 1px solid #222;
387
401
  }
388
402
 
@@ -413,7 +427,7 @@ select:focus {
413
427
  .border-radius(1px);
414
428
  }
415
429
 
416
- code, pre, pre.prettyprint {
430
+ code, pre {
417
431
  background-color: @grayLighter;
418
432
  }
419
433
 
@@ -423,6 +437,18 @@ code, pre, pre.prettyprint {
423
437
  .box-shadow(0 2px 4px rgba(0,0,0,.8));
424
438
  }
425
439
 
440
+ blockquote {
441
+ border-left: 5px solid @blue;
442
+
443
+ &.pull-right {
444
+ border-right: 5px solid @blue;
445
+ }
446
+ }
447
+
448
+ .thumbnail {
449
+ border-color: #222;
450
+ }
451
+
426
452
  .progress {
427
453
  background-color: #060606;
428
454
  background-image: none;
@@ -437,7 +463,6 @@ code, pre, pre.prettyprint {
437
463
 
438
464
  .label:hover { background-color: darken(@gray, 30%); }
439
465
 
440
-
441
466
  .label-important, .alert-danger,
442
467
  .alert-error { background-color: @red; }
443
468
 
@@ -470,4 +495,6 @@ code, pre, pre.prettyprint {
470
495
  border: none;
471
496
  }
472
497
 
473
-
498
+ footer.footer {
499
+ border-top: 1px solid #222;
500
+ }
@@ -1,11 +1,9 @@
1
1
  // Variables.less
2
2
  // Variables to customize the look and feel of Bootstrap
3
3
  // Swatch: Cyborg
4
- // Version: 2.0.2
4
+ // Version: 2.0.3
5
5
  // -----------------------------------------------------
6
6
 
7
-
8
-
9
7
  // GLOBAL VALUES
10
8
  // --------------------------------------------------
11
9
 
@@ -47,10 +45,14 @@
47
45
 
48
46
  // Typography
49
47
  // -------------------------
48
+ @sansFontFamily: 'Droid Sans', sans-serif;
49
+ @serifFontFamily: Georgia, "Times New Roman", Times, serif;
50
+ @monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
51
+
50
52
  @baseFontSize: 13px;
51
- @baseFontFamily: 'Droid Sans', sans-serif;
53
+ @baseFontFamily: @sansFontFamily;
52
54
  @baseLineHeight: 18px;
53
- @altFontFamily: Georgia, "Times New Roman", Times, serif;
55
+ @altFontFamily: @serifFontFamily;
54
56
 
55
57
  @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
56
58
  @headingsFontWeight: normal; // instead of browser default, bold
@@ -67,35 +69,36 @@
67
69
 
68
70
  // Buttons
69
71
  // -------------------------
70
- @btnBackground: @white;
71
- @btnBackgroundHighlight: darken(@white, 10%);
72
+ @btnBackground: darken(@gray, 20%);
73
+ @btnBackgroundHighlight: darken(@gray, 25%);
72
74
  @btnBorder: rgba(0, 0, 0, 0);
73
75
 
74
76
  @btnPrimaryBackground: @blueDark;
75
77
  @btnPrimaryBackgroundHighlight: darken(@blueDark, 10%);
76
78
 
77
- @btnInfoBackground: #5bc0de;
78
- @btnInfoBackgroundHighlight: #2f96b4;
79
+ @btnInfoBackground: darken(@gray, 40%);
80
+ @btnInfoBackgroundHighlight: darken(@gray, 50%);
79
81
 
80
- @btnSuccessBackground: #62c462;
81
- @btnSuccessBackgroundHighlight: #51a351;
82
+ @btnSuccessBackground: lighten(@green, 10%);
83
+ @btnSuccessBackgroundHighlight: @green;
82
84
 
83
85
  @btnWarningBackground: lighten(@orange, 15%);
84
86
  @btnWarningBackgroundHighlight: @orange;
85
87
 
86
- @btnDangerBackground: #ee5f5b;
87
- @btnDangerBackgroundHighlight: #bd362f;
88
+ @btnDangerBackground: lighten(@red, 10%);
89
+ @btnDangerBackgroundHighlight: @red;
88
90
 
89
- @btnInverseBackground: @gray;
90
- @btnInverseBackgroundHighlight: @grayDarker;
91
+ @btnInverseBackground: lighten(@purple, 5%);
92
+ @btnInverseBackgroundHighlight: @purple;
91
93
 
92
94
 
93
95
  // Forms
94
96
  // -------------------------
95
97
  @inputBackground: #ccc;
96
98
  @inputBorder: #bbb;
99
+ @inputBorderRadius: 3px;
97
100
  @inputDisabledBackground: @grayLighter;
98
-
101
+ @formActionsBackground: transparent;
99
102
 
100
103
  // Dropdowns
101
104
  // -------------------------
@@ -156,6 +159,7 @@
156
159
  @navbarSearchBackgroundFocus: @white;
157
160
  @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
158
161
  @navbarSearchPlaceholderColor: #ccc;
162
+ @navbarBrandColor: @navbarLinkColor;
159
163
 
160
164
 
161
165
  // Hero unit
@@ -185,7 +189,6 @@
185
189
 
186
190
 
187
191
 
188
-
189
192
  // GRID
190
193
  // --------------------------------------------------
191
194
 
@@ -196,7 +199,6 @@
196
199
  @gridGutterWidth: 20px;
197
200
  @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
198
201
 
199
-
200
202
  // Fluid grid
201
203
  // -------------------------
202
204
  @fluidGridColumnWidth: 6.382978723%;
@@ -45,10 +45,14 @@
45
45
 
46
46
  // Typography
47
47
  // -------------------------
48
+ @sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
49
+ @serifFontFamily: Georgia, "Times New Roman", Times, serif;
50
+ @monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
51
+
48
52
  @baseFontSize: 13px;
49
- @baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
53
+ @baseFontFamily: @sansFontFamily;
50
54
  @baseLineHeight: 18px;
51
- @altFontFamily: Georgia, "Times New Roman", Times, serif;
55
+ @altFontFamily: @serifFontFamily;
52
56
 
53
57
  @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
54
58
  @headingsFontWeight: bold; // instead of browser default, bold
@@ -67,7 +71,7 @@
67
71
  // -------------------------
68
72
  @btnBackground: @white;
69
73
  @btnBackgroundHighlight: darken(@white, 10%);
70
- @btnBorder: darken(@white, 20%);
74
+ @btnBorder: #ccc;
71
75
 
72
76
  @btnPrimaryBackground: @linkColor;
73
77
  @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
@@ -92,8 +96,9 @@
92
96
  // -------------------------
93
97
  @inputBackground: @white;
94
98
  @inputBorder: #ccc;
99
+ @inputBorderRadius: 3px;
95
100
  @inputDisabledBackground: @grayLighter;
96
-
101
+ @formActionsBackground: #f5f5f5;
97
102
 
98
103
  // Dropdowns
99
104
  // -------------------------
@@ -154,6 +159,7 @@
154
159
  @navbarSearchBackgroundFocus: @white;
155
160
  @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
156
161
  @navbarSearchPlaceholderColor: #ccc;
162
+ @navbarBrandColor: @navbarLinkColor;
157
163
 
158
164
 
159
165
  // Hero unit
@@ -183,7 +189,6 @@
183
189
 
184
190
 
185
191
 
186
-
187
192
  // GRID
188
193
  // --------------------------------------------------
189
194
 
@@ -194,7 +199,6 @@
194
199
  @gridGutterWidth: 20px;
195
200
  @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
196
201
 
197
-
198
202
  // Fluid grid
199
203
  // -------------------------
200
204
  @fluidGridColumnWidth: 6.382978723%;