less-rails-bootswatch 0.3.0 → 0.3.1
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/less/rails/bootswatch/version.rb +1 -1
- data/vendor/frameworks/stylesheets/bootswatch/amelia/bootswatch.less +249 -240
- data/vendor/frameworks/stylesheets/bootswatch/cerulean/bootswatch.less +23 -3
- data/vendor/frameworks/stylesheets/bootswatch/cyborg/bootswatch.less +113 -112
- data/vendor/frameworks/stylesheets/bootswatch/journal/bootswatch.less +60 -64
- data/vendor/frameworks/stylesheets/bootswatch/readable/bootswatch.less +65 -67
- data/vendor/frameworks/stylesheets/bootswatch/simplex/bootswatch.less +81 -71
- data/vendor/frameworks/stylesheets/bootswatch/slate/bootswatch.less +157 -140
- data/vendor/frameworks/stylesheets/bootswatch/spacelab/bootswatch.less +24 -5
- data/vendor/frameworks/stylesheets/bootswatch/spruce/bootswatch.less +218 -198
- data/vendor/frameworks/stylesheets/bootswatch/superhero/bootswatch.less +190 -182
- data/vendor/frameworks/stylesheets/bootswatch/united/bootswatch.less +25 -8
- metadata +2 -2
@@ -3,11 +3,14 @@
|
|
3
3
|
// Version: 2.1.0
|
4
4
|
// -----------------------------------------------------
|
5
5
|
|
6
|
-
//
|
6
|
+
// TYPOGRAPHY
|
7
7
|
// -----------------------------------------------------
|
8
8
|
|
9
9
|
@import url(https://fonts.googleapis.com/css?family=Telex);
|
10
10
|
|
11
|
+
// SCAFFOLDING
|
12
|
+
// -----------------------------------------------------
|
13
|
+
|
11
14
|
// NAVBAR
|
12
15
|
// -----------------------------------------------------
|
13
16
|
|
@@ -111,6 +114,9 @@ div.subnav {
|
|
111
114
|
}
|
112
115
|
}
|
113
116
|
|
117
|
+
// NAV
|
118
|
+
// -----------------------------------------------------
|
119
|
+
|
114
120
|
// BUTTONS
|
115
121
|
// -----------------------------------------------------
|
116
122
|
|
@@ -148,10 +154,24 @@ div.subnav {
|
|
148
154
|
.buttonBackground(lighten(@btnInverseBackground, 5%), @btnInverseBackground);
|
149
155
|
}
|
150
156
|
|
151
|
-
//
|
157
|
+
// TABLES
|
158
|
+
// -----------------------------------------------------
|
159
|
+
|
160
|
+
// FORMS
|
161
|
+
// -----------------------------------------------------
|
162
|
+
|
163
|
+
// DROPDOWNS
|
164
|
+
// -----------------------------------------------------
|
165
|
+
|
166
|
+
// ALERTS, LABELS, BADGES
|
167
|
+
// -----------------------------------------------------
|
168
|
+
|
169
|
+
// MISC
|
152
170
|
// -----------------------------------------------------
|
153
171
|
|
154
|
-
// Make icons gray
|
155
172
|
i[class^="icon-"]{
|
156
173
|
opacity: 0.8;
|
157
174
|
}
|
175
|
+
|
176
|
+
// MEDIA QUERIES
|
177
|
+
// -----------------------------------------------------
|
@@ -15,8 +15,16 @@ label, input, button, select, textarea,
|
|
15
15
|
color: @gray;
|
16
16
|
}
|
17
17
|
|
18
|
-
|
19
|
-
|
18
|
+
code, pre {
|
19
|
+
background-color: @grayLighter;
|
20
|
+
}
|
21
|
+
|
22
|
+
blockquote {
|
23
|
+
border-left: 5px solid @blue;
|
24
|
+
|
25
|
+
&.pull-right {
|
26
|
+
border-right: 5px solid @blue;
|
27
|
+
}
|
20
28
|
}
|
21
29
|
|
22
30
|
// SCAFFOLDING
|
@@ -156,17 +164,6 @@ body {
|
|
156
164
|
}
|
157
165
|
}
|
158
166
|
|
159
|
-
.dropdown-menu {
|
160
|
-
background-color: #191A1A;
|
161
|
-
// border-left: solid 1px rgba(255, 255, 255, 0.1);
|
162
|
-
.box-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
|
163
|
-
}
|
164
|
-
|
165
|
-
.dropdown-menu li > a:hover {
|
166
|
-
background-color: @blue;
|
167
|
-
// border-bottom: 3px solid transparent;
|
168
|
-
}
|
169
|
-
|
170
167
|
div.subnav {
|
171
168
|
position: static;
|
172
169
|
background-color: @grayDarker;
|
@@ -219,44 +216,9 @@ div.subnav {
|
|
219
216
|
}
|
220
217
|
}
|
221
218
|
|
222
|
-
|
223
|
-
div.subnav .nav > li + li > a,
|
224
|
-
div.subnav .nav > li:first-child > a {
|
225
|
-
border-top: 1px solid #222;
|
226
|
-
border-left: 1px solid #222;
|
227
|
-
}
|
228
|
-
|
229
|
-
.subnav .nav > li + li > a:hover,
|
230
|
-
.subnav .nav > li:first-child > a:hover {
|
231
|
-
border-bottom: 0;
|
232
|
-
background-color: @blue;
|
233
|
-
}
|
234
|
-
}
|
235
|
-
|
236
|
-
// NAVIGATION
|
219
|
+
// NAV
|
237
220
|
// -----------------------------------------------------
|
238
221
|
|
239
|
-
.nav-list {
|
240
|
-
|
241
|
-
li > a {
|
242
|
-
text-shadow: none;
|
243
|
-
}
|
244
|
-
|
245
|
-
li > a:hover {
|
246
|
-
background-color: @blue;
|
247
|
-
color: @white;
|
248
|
-
}
|
249
|
-
|
250
|
-
.nav-header {
|
251
|
-
text-shadow: none;
|
252
|
-
}
|
253
|
-
|
254
|
-
.divider {
|
255
|
-
background-color: transparent;
|
256
|
-
border-bottom: 1px solid #222;
|
257
|
-
}
|
258
|
-
}
|
259
|
-
|
260
222
|
.nav-tabs {
|
261
223
|
|
262
224
|
border-bottom: 1px solid #222;
|
@@ -295,6 +257,27 @@ div.subnav {
|
|
295
257
|
}
|
296
258
|
}
|
297
259
|
|
260
|
+
.nav-list {
|
261
|
+
|
262
|
+
li > a {
|
263
|
+
text-shadow: none;
|
264
|
+
}
|
265
|
+
|
266
|
+
li > a:hover {
|
267
|
+
background-color: @blue;
|
268
|
+
color: @white;
|
269
|
+
}
|
270
|
+
|
271
|
+
.nav-header {
|
272
|
+
text-shadow: none;
|
273
|
+
}
|
274
|
+
|
275
|
+
.divider {
|
276
|
+
background-color: transparent;
|
277
|
+
border-bottom: 1px solid #222;
|
278
|
+
}
|
279
|
+
}
|
280
|
+
|
298
281
|
.nav-stacked {
|
299
282
|
|
300
283
|
li > a {
|
@@ -429,6 +412,7 @@ div.subnav {
|
|
429
412
|
|
430
413
|
input, textarea, select {
|
431
414
|
border-width: 2px;
|
415
|
+
.border-radius(1px);
|
432
416
|
}
|
433
417
|
|
434
418
|
legend, label {
|
@@ -466,27 +450,7 @@ select:focus {
|
|
466
450
|
border-top: 1px solid #222;
|
467
451
|
}
|
468
452
|
|
469
|
-
//
|
470
|
-
// -----------------------------------------------------
|
471
|
-
|
472
|
-
.modal {
|
473
|
-
.border-radius(1px);
|
474
|
-
border-top: solid 1px lighten(@grayDark, 5%);
|
475
|
-
background-color: @grayDark;
|
476
|
-
}
|
477
|
-
|
478
|
-
.modal-header {
|
479
|
-
border-bottom: 1px solid #222;
|
480
|
-
}
|
481
|
-
|
482
|
-
.modal-footer {
|
483
|
-
background-color: @grayDark;
|
484
|
-
border-top: 1px solid #222;
|
485
|
-
.border-radius(0 0 6px 6px);
|
486
|
-
.box-shadow(none);
|
487
|
-
}
|
488
|
-
|
489
|
-
// MISCELLANEOUS
|
453
|
+
// TABLES
|
490
454
|
// -----------------------------------------------------
|
491
455
|
|
492
456
|
.table {
|
@@ -507,41 +471,36 @@ select:focus {
|
|
507
471
|
background-color: @blue;
|
508
472
|
color: @white;
|
509
473
|
}
|
510
|
-
|
511
|
-
|
512
474
|
}
|
513
475
|
|
476
|
+
// DROPDOWNS
|
477
|
+
// -----------------------------------------------------
|
514
478
|
|
515
|
-
|
516
|
-
|
517
|
-
.
|
518
|
-
}
|
519
|
-
|
520
|
-
code, pre {
|
521
|
-
background-color: @grayLighter;
|
522
|
-
}
|
523
|
-
|
524
|
-
.well, .hero-unit {
|
525
|
-
border-top: solid 1px lighten(@grayDark, 5%);
|
526
|
-
.box-shadow(0 2px 4px rgba(0,0,0,.8));
|
479
|
+
.dropdown-menu {
|
480
|
+
background-color: #191A1A;
|
481
|
+
.box-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
|
527
482
|
}
|
528
483
|
|
529
|
-
|
530
|
-
|
531
|
-
|
532
|
-
&.pull-right {
|
533
|
-
border-right: 5px solid @blue;
|
534
|
-
}
|
484
|
+
.dropdown-menu li > a:hover {
|
485
|
+
background-color: @blue;
|
535
486
|
}
|
536
487
|
|
537
|
-
|
538
|
-
|
539
|
-
}
|
488
|
+
// ALERTS, LABELS, BADGES
|
489
|
+
// -----------------------------------------------------
|
540
490
|
|
541
|
-
.
|
542
|
-
|
543
|
-
|
544
|
-
|
491
|
+
.alert,
|
492
|
+
.alert .alert-heading,
|
493
|
+
.alert-success,
|
494
|
+
.alert-success .alert-heading,
|
495
|
+
.alert-danger,
|
496
|
+
.alert-error,
|
497
|
+
.alert-danger .alert-heading,
|
498
|
+
.alert-error .alert-heading,
|
499
|
+
.alert-info,
|
500
|
+
.alert-info .alert-heading {
|
501
|
+
color: @grayLighter;
|
502
|
+
text-shadow: none;
|
503
|
+
border: none;
|
545
504
|
}
|
546
505
|
|
547
506
|
.label {
|
@@ -552,7 +511,8 @@ blockquote {
|
|
552
511
|
|
553
512
|
.label:hover { background-color: darken(@gray, 30%); }
|
554
513
|
|
555
|
-
.label-important,
|
514
|
+
.label-important,
|
515
|
+
.alert-danger,
|
556
516
|
.alert-error { background-color: @red; }
|
557
517
|
|
558
518
|
.label-important:hover { background-color: darken(@red, 10%); }
|
@@ -569,21 +529,62 @@ blockquote {
|
|
569
529
|
|
570
530
|
.label-info:hover { background-color: darken(@blueDark, 20%); }
|
571
531
|
|
572
|
-
|
573
|
-
|
574
|
-
|
575
|
-
.
|
576
|
-
.
|
577
|
-
|
578
|
-
|
579
|
-
.
|
580
|
-
|
581
|
-
.
|
582
|
-
|
583
|
-
|
584
|
-
|
532
|
+
// MISC
|
533
|
+
// -----------------------------------------------------
|
534
|
+
|
535
|
+
.well, .hero-unit {
|
536
|
+
.border-radius(1px);
|
537
|
+
}
|
538
|
+
|
539
|
+
.well, .hero-unit {
|
540
|
+
border-top: solid 1px lighten(@grayDark, 5%);
|
541
|
+
.box-shadow(0 2px 4px rgba(0,0,0,.8));
|
542
|
+
}
|
543
|
+
|
544
|
+
.thumbnail {
|
545
|
+
border-color: #222;
|
546
|
+
}
|
547
|
+
|
548
|
+
.progress {
|
549
|
+
background-color: #060606;
|
550
|
+
background-image: none;
|
551
|
+
.border-radius(0);
|
585
552
|
}
|
586
553
|
|
587
|
-
|
554
|
+
.modal {
|
555
|
+
.border-radius(1px);
|
556
|
+
border-top: solid 1px lighten(@grayDark, 5%);
|
557
|
+
background-color: @grayDark;
|
558
|
+
}
|
559
|
+
|
560
|
+
.modal-header {
|
561
|
+
border-bottom: 1px solid #222;
|
562
|
+
}
|
563
|
+
|
564
|
+
.modal-footer {
|
565
|
+
background-color: @grayDark;
|
588
566
|
border-top: 1px solid #222;
|
567
|
+
.border-radius(0 0 6px 6px);
|
568
|
+
.box-shadow(none);
|
569
|
+
}
|
570
|
+
|
571
|
+
.footer {
|
572
|
+
border-top: 1px solid #222;
|
573
|
+
}
|
574
|
+
|
575
|
+
// MEDIA QUERIES
|
576
|
+
// -----------------------------------------------------
|
577
|
+
|
578
|
+
@media (max-width: 768px) {
|
579
|
+
div.subnav .nav > li + li > a,
|
580
|
+
div.subnav .nav > li:first-child > a {
|
581
|
+
border-top: 1px solid #222;
|
582
|
+
border-left: 1px solid #222;
|
583
|
+
}
|
584
|
+
|
585
|
+
.subnav .nav > li + li > a:hover,
|
586
|
+
.subnav .nav > li:first-child > a:hover {
|
587
|
+
border-bottom: 0;
|
588
|
+
background-color: @blue;
|
589
|
+
}
|
589
590
|
}
|
@@ -9,6 +9,7 @@
|
|
9
9
|
@import url('https://fonts.googleapis.com/css?family=News+Cycle:400,700');
|
10
10
|
|
11
11
|
h1, h2, h3, h4, h5, h6 {
|
12
|
+
|
12
13
|
line-height: 1.5em;
|
13
14
|
|
14
15
|
a {
|
@@ -16,33 +17,15 @@ h1, h2, h3, h4, h5, h6 {
|
|
16
17
|
}
|
17
18
|
}
|
18
19
|
|
19
|
-
h1 {
|
20
|
-
font-size: 48px;
|
21
|
-
}
|
22
|
-
|
23
|
-
h2 {
|
24
|
-
font-size: 36px;
|
25
|
-
}
|
26
|
-
|
27
|
-
h3 {
|
28
|
-
font-size: 28px;
|
29
|
-
}
|
20
|
+
h1 { font-size: 48px; }
|
30
21
|
|
31
|
-
|
32
|
-
font-size: 20px;
|
33
|
-
}
|
22
|
+
h2 { font-size: 36px; }
|
34
23
|
|
35
|
-
|
36
|
-
font-size: 13px;
|
37
|
-
}
|
24
|
+
h3 { font-size: 28px; }
|
38
25
|
|
39
|
-
|
40
|
-
color: @black;
|
41
|
-
font-weight: bold;
|
42
|
-
}
|
26
|
+
h4 { font-size: 20px; }
|
43
27
|
|
44
|
-
|
45
|
-
// -----------------------------------------------------
|
28
|
+
h5 { font-size: 13px; }
|
46
29
|
|
47
30
|
p > a,
|
48
31
|
address > a,
|
@@ -57,10 +40,23 @@ abbr[title] {
|
|
57
40
|
}
|
58
41
|
}
|
59
42
|
|
43
|
+
code, pre {
|
44
|
+
.border-radius(0);
|
45
|
+
background-color: @grayLighter;
|
46
|
+
.box-shadow(none);
|
47
|
+
}
|
48
|
+
|
49
|
+
// SCAFFOLDING
|
50
|
+
// -----------------------------------------------------
|
51
|
+
|
60
52
|
.page-header {
|
61
53
|
border-bottom: 2px solid @grayLighter;
|
62
54
|
}
|
63
55
|
|
56
|
+
hr {
|
57
|
+
border-bottom: 1px solid @grayLighter;
|
58
|
+
}
|
59
|
+
|
64
60
|
// NAVBAR
|
65
61
|
// -----------------------------------------------------
|
66
62
|
|
@@ -70,7 +66,6 @@ abbr[title] {
|
|
70
66
|
font-weight: bold;
|
71
67
|
|
72
68
|
.navbar-inner {
|
73
|
-
border-top: 2px solid @grayLighter;
|
74
69
|
border-bottom: 2px solid @grayLighter;
|
75
70
|
.border-radius(0);
|
76
71
|
.box-shadow(none);
|
@@ -206,6 +201,9 @@ div.subnav {
|
|
206
201
|
}
|
207
202
|
}
|
208
203
|
|
204
|
+
// NAV
|
205
|
+
// -----------------------------------------------------
|
206
|
+
|
209
207
|
// BUTTONS
|
210
208
|
// -----------------------------------------------------
|
211
209
|
|
@@ -217,79 +215,77 @@ div.subnav {
|
|
217
215
|
.buttonBackground(@grayDarker, @black);
|
218
216
|
}
|
219
217
|
|
220
|
-
//
|
218
|
+
// TABLES
|
221
219
|
// -----------------------------------------------------
|
222
220
|
|
223
|
-
.
|
224
|
-
|
225
|
-
|
221
|
+
.table-bordered {
|
222
|
+
.border-radius(0);
|
223
|
+
.box-shadow(none);
|
226
224
|
}
|
227
225
|
|
228
|
-
|
229
|
-
|
230
|
-
}
|
226
|
+
// FORMS
|
227
|
+
// -----------------------------------------------------
|
231
228
|
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
229
|
+
legend {
|
230
|
+
border-bottom: 2px solid @grayLighter;
|
231
|
+
font-family: @headingsFontFamily;
|
232
|
+
font-weight: @headingsFontWeight;
|
233
|
+
color: @headingsColor;
|
236
234
|
}
|
237
235
|
|
238
|
-
|
239
|
-
|
240
|
-
border-bottom: none;
|
241
|
-
}
|
236
|
+
// DROPDOWNS
|
237
|
+
// -----------------------------------------------------
|
242
238
|
|
243
239
|
// MISC
|
244
240
|
// -----------------------------------------------------
|
245
241
|
|
246
|
-
.hero-unit {
|
247
|
-
.box-shadow(none);
|
248
|
-
border: 1px solid rgba(0,0,0,.05);
|
249
|
-
.border-radius(0);
|
250
|
-
|
251
|
-
h1 {
|
252
|
-
line-height: 1.5em;
|
253
|
-
}
|
254
|
-
}
|
255
|
-
|
256
242
|
.well {
|
257
243
|
.border-radius(0);
|
258
244
|
.box-shadow(none);
|
259
|
-
|
260
245
|
}
|
261
246
|
|
262
|
-
.
|
247
|
+
.hero-unit {
|
248
|
+
border: 1px solid rgba(0,0,0,.05);
|
263
249
|
.border-radius(0);
|
264
250
|
.box-shadow(none);
|
251
|
+
|
252
|
+
h1 {
|
253
|
+
line-height: 1.5em;
|
254
|
+
}
|
265
255
|
}
|
266
256
|
|
257
|
+
// a.thumbnail:hover {
|
258
|
+
// .box-shadow(0 1px 3px 1px rgba(0, 0, 0, 0.3));
|
259
|
+
// border-color: #ddd;
|
260
|
+
// }
|
267
261
|
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
font-weight: @headingsFontWeight;
|
272
|
-
color: @headingsColor;
|
262
|
+
.modal {
|
263
|
+
.border-radius(0px);
|
264
|
+
background: @bodyBackground;
|
273
265
|
}
|
274
266
|
|
275
|
-
|
276
|
-
|
277
|
-
border-color: #ddd;
|
267
|
+
.modal-header {
|
268
|
+
border-bottom: none;
|
278
269
|
}
|
279
270
|
|
280
|
-
|
281
|
-
|
282
|
-
background
|
271
|
+
.modal-footer {
|
272
|
+
border-top: none;
|
273
|
+
background: transparent;
|
283
274
|
.box-shadow(none);
|
284
275
|
}
|
285
276
|
|
286
|
-
|
287
|
-
|
277
|
+
.close,
|
278
|
+
.close:hover {
|
279
|
+
border-bottom: none;
|
288
280
|
}
|
289
281
|
|
282
|
+
// MEDIA QUERIES
|
283
|
+
// -----------------------------------------------------
|
284
|
+
|
290
285
|
@media (max-width: 768px) {
|
291
286
|
|
292
287
|
div.subnav {
|
288
|
+
|
293
289
|
height: auto;
|
294
290
|
|
295
291
|
.nav > li.active > a {
|