less-rails-bootswatch 0.3.0 → 0.3.1
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.
- 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 {
|