less-rails-bootswatch 0.2.2 → 0.2.3

Sign up to get free protection for your applications and to get access to all the features.
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%;