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.
@@ -1,7 +1,7 @@
1
1
  module Less
2
2
  module Rails
3
3
  module Bootswatch
4
- VERSION = "0.3.0"
4
+ VERSION = "0.3.1"
5
5
  end
6
6
  end
7
7
  end
@@ -9,11 +9,6 @@
9
9
  @import url('https://fonts.googleapis.com/css?family=Lobster');
10
10
  @import url('https://fonts.googleapis.com/css?family=Cabin:400,700');
11
11
 
12
- .navbar .brand,
13
- legend {
14
- font-family: @headingsFontFamily;
15
- }
16
-
17
12
  h6 {
18
13
  color: @textColor;
19
14
  }
@@ -23,6 +18,24 @@ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
23
18
  color: @textColor;
24
19
  }
25
20
 
21
+ code, pre {
22
+ background-color: rgba(255, 255, 255, 0.3);
23
+ padding: 2px;
24
+ }
25
+
26
+ blockquote {
27
+
28
+ border-left-color: lighten(#147E88, 12%);
29
+
30
+ &.pull-right {
31
+ border-right-color: lighten(#147E88, 12%);
32
+ }
33
+
34
+ small {
35
+ color: rgba(255, 255, 255, 0.6);
36
+ }
37
+ }
38
+
26
39
  .muted {
27
40
  color: rgba(255, 255, 255, 0.5);
28
41
  }
@@ -43,14 +56,6 @@ hr {
43
56
  border-bottom: 0px solid transparent;
44
57
  }
45
58
 
46
- footer.footer {
47
- border-top: 1px solid rgba(255, 255, 255, 0.3);
48
-
49
- p {
50
- color: @textColor;
51
- }
52
- }
53
-
54
59
  // NAVBAR
55
60
  // -----------------------------------------------------
56
61
 
@@ -62,6 +67,7 @@ footer.footer {
62
67
 
63
68
  .brand {
64
69
  padding: 15px 20px 14px;
70
+ font-family: @headingsFontFamily;
65
71
  font-size: 24px;
66
72
  font-weight: normal;
67
73
  }
@@ -149,6 +155,7 @@ footer.footer {
149
155
  }
150
156
 
151
157
  div.subnav {
158
+
152
159
  background-color: rgba(42, 99, 105, 0.9);
153
160
  background-image: none;
154
161
  border: 0px solid transparent;
@@ -189,10 +196,166 @@ div.subnav {
189
196
  border-left-color: rgba(255, 255, 255, 0.4);
190
197
  border-left-width: 1px;
191
198
  }
199
+
200
+ &-fixed {
201
+ top: 50px;
202
+ }
203
+ }
204
+
205
+ // NAV
206
+ // -----------------------------------------------------
207
+
208
+ .nav-tabs li.open > .dropdown-toggle,
209
+ .nav-pills li.open > .dropdown-toggle {
210
+ background-color: #8AD5DC;
211
+ color: @linkColor;
212
+ border-color: transparent;
213
+ }
214
+
215
+ .nav-tabs, .nav-pills {
216
+ border-color: transparent;
217
+
218
+ li > a {
219
+ border-color: transparent;
220
+ .border-radius(0);
221
+ .box-shadow(0);
222
+ }
223
+
224
+ li.active > a,
225
+ li:active > a,
226
+ li.active > a:hover,
227
+ li:active > a:hover {
228
+ color: @textColor;
229
+ }
230
+
231
+ li.active > a,
232
+ li:active > a,
233
+ li > a:hover,
234
+ li.active > a:hover,
235
+ li:active > a:hover {
236
+ background-color: #8AD5DC;
237
+ border-color: transparent;
238
+ text-shadow: none;
239
+ }
240
+ }
241
+
242
+ .nav-tabs, .nav-tabs > li > a {
243
+ border-bottom: 1px solid rgba(255, 255, 255, 0.5);
244
+ }
245
+
246
+ .nav-tabs > li > a {
247
+ background-color: #3CB9C6;
248
+ }
249
+
250
+ .nav-tabs.nav-stacked {
251
+
252
+ li > a:first-child,
253
+ li > a:last-child {
254
+ .border-radius(0);
255
+ }
256
+
257
+ li > a,
258
+ li > a:hover,
259
+ li.active > a,
260
+ li:active > a,
261
+ li.active > a:hover,
262
+ li:active > a:hover {
263
+ border-color: transparent;
264
+ }
265
+ }
266
+
267
+ .nav-list {
268
+ .nav-header {
269
+ text-shadow: none;
270
+ color: @textColor;
271
+ }
272
+
273
+ li > a {
274
+ text-shadow: none;
275
+ }
276
+
277
+ li.active > a,
278
+ li:active > a,
279
+ li > a:hover,
280
+ li.active > a:hover,
281
+ li:active > a:hover {
282
+ background-color: #8AD5DC;
283
+ text-shadow: none;
284
+ }
285
+
286
+ .divider {
287
+ background-color: rgba(255, 255, 255, 0.3);
288
+ border-bottom: none;
289
+ }
290
+ }
291
+
292
+ .breadcrumb, .pager > li > a {
293
+ border-color: transparent;
294
+ .border-radius(0);
295
+ .box-shadow(none);
296
+ text-shadow: none;
297
+ }
298
+
299
+ .breadcrumb {
300
+ background-color: #3CB9C6;
301
+ background-image: none;
302
+
303
+ li {
304
+ text-shadow: none;
305
+ }
306
+
307
+ .active {
308
+ color: @white;
309
+ }
310
+
311
+ .divider {
312
+ color: @linkColor;
313
+ }
314
+ }
315
+
316
+ .pagination {
317
+
318
+ ul {
319
+ background-color: @paginationBackground;
320
+ background-image: none;
321
+ }
322
+
323
+ .disabled a, .disabled a:hover {
324
+ color: @textColor;
325
+ }
326
+
327
+ li a:hover {
328
+ background-color: rgba(255, 255, 255, 0.4);
329
+ color: @linkColor;
330
+ }
331
+
332
+ .active a, .active a:hover {
333
+ background-color: rgba(255, 255, 255, 0.4);
334
+ color: @textColor;
335
+ }
336
+
337
+ ul,
338
+ li:first-child a,
339
+ li:last-child a {
340
+ .border-radius(0);
341
+ }
192
342
  }
193
343
 
194
- div.subnav-fixed {
195
- top: 50px;
344
+ .pager {
345
+
346
+ li > a {
347
+ background-color: #3CB9C6;
348
+
349
+ &:hover {
350
+ background-color: #8AD5DC;
351
+ }
352
+ }
353
+
354
+ .disabled a,
355
+ .disabled a:hover {
356
+ background-color: #3CB9C6;
357
+ color: @white;
358
+ }
196
359
  }
197
360
 
198
361
  // BUTTONS
@@ -286,7 +449,7 @@ div.subnav-fixed {
286
449
  margin-top: 1px;
287
450
  }
288
451
 
289
- .add-on [class^="icon-"] {
452
+ .add-on [class^="icon-"] {
290
453
  margin-left: 5px;
291
454
  }
292
455
 
@@ -320,6 +483,10 @@ div.subnav-fixed {
320
483
  // FORMS
321
484
  // -----------------------------------------------------
322
485
 
486
+ legend {
487
+ font-family: @headingsFontFamily;
488
+ }
489
+
323
490
  legend, label, .help-block, .input-file {
324
491
  color: @textColor;
325
492
  border: 0px solid transparent;
@@ -384,222 +551,18 @@ input, textarea, .search-query, .uneditable-input,
384
551
  padding: 4px 10px;
385
552
  }
386
553
 
387
- // NAVIGATION
554
+ // ALERTS, LABELS, BADGES
388
555
  // -----------------------------------------------------
389
556
 
390
- .breadcrumb, .pager > li > a {
557
+ .alert, .label {
391
558
  border-color: transparent;
392
559
  .border-radius(0);
393
560
  .box-shadow(none);
394
561
  text-shadow: none;
395
562
  }
396
563
 
397
- .breadcrumb {
398
- background-color: #3CB9C6;
399
- background-image: none;
400
-
401
- li {
402
- text-shadow: none;
403
- }
404
-
405
- .active {
406
- color: @white;
407
- }
408
-
409
- .divider {
410
- color: @linkColor;
411
- }
412
- }
413
-
414
- .pager {
415
-
416
- li > a {
417
- background-color: #3CB9C6;
418
-
419
- &:hover {
420
- background-color: #8AD5DC;
421
- }
422
- }
423
-
424
- .disabled a,
425
- .disabled a:hover {
426
- background-color: #3CB9C6;
427
- color: @white;
428
- }
429
- }
430
-
431
- .pagination {
432
-
433
- ul {
434
- background-color: @paginationBackground;
435
- background-image: none;
436
- }
437
-
438
- .disabled a, .disabled a:hover {
439
- color: @textColor;
440
- }
441
-
442
- li a:hover {
443
- background-color: rgba(255, 255, 255, 0.4);
444
- color: @linkColor;
445
- }
446
-
447
- .active a, .active a:hover {
448
- background-color: rgba(255, 255, 255, 0.4);
449
- color: @textColor;
450
- }
451
-
452
- ul,
453
- li:first-child a,
454
- li:last-child a {
455
- .border-radius(0);
456
- }
457
-
458
- }
459
-
460
- .nav-tabs li.open > .dropdown-toggle,
461
- .nav-pills li.open > .dropdown-toggle {
462
- background-color: #8AD5DC;
463
- color: @linkColor;
464
- border-color: transparent;
465
- }
466
-
467
- .nav-tabs, .nav-pills {
468
- border-color: transparent;
469
-
470
- li > a {
471
- border-color: transparent;
472
- .border-radius(0);
473
- .box-shadow(0);
474
- }
475
-
476
- li.active > a,
477
- li:active > a,
478
- li.active > a:hover,
479
- li:active > a:hover {
480
- color: @textColor;
481
- }
482
-
483
- li.active > a,
484
- li:active > a,
485
- li > a:hover,
486
- li.active > a:hover,
487
- li:active > a:hover {
488
- background-color: #8AD5DC;
489
- border-color: transparent;
490
- text-shadow: none;
491
- }
492
- }
493
-
494
- .nav-tabs, .nav-tabs > li > a {
495
- border-bottom: 1px solid rgba(255, 255, 255, 0.5);
496
- }
497
-
498
- .nav-tabs > li > a {
499
- background-color: #3CB9C6;
500
- }
501
-
502
- .nav-tabs.nav-stacked {
503
-
504
- li > a:first-child,
505
- li > a:last-child {
506
- .border-radius(0);
507
- }
508
-
509
- li > a,
510
- li > a:hover,
511
- li.active > a,
512
- li:active > a,
513
- li.active > a:hover,
514
- li:active > a:hover {
515
- border-color: transparent;
516
- }
517
- }
518
-
519
- .nav-list {
520
- .nav-header {
521
- text-shadow: none;
522
- color: @textColor;
523
- }
524
-
525
- li > a {
526
- text-shadow: none;
527
- }
528
-
529
- li.active > a,
530
- li:active > a,
531
- li > a:hover,
532
- li.active > a:hover,
533
- li:active > a:hover {
534
- background-color: #8AD5DC;
535
- text-shadow: none;
536
- }
537
-
538
- .divider {
539
- background-color: rgba(255, 255, 255, 0.3);
540
- border-bottom: none;
541
- }
542
- }
543
-
544
- // MODALS
545
- // -----------------------------------------------------
546
-
547
- .modal {
548
- .border-radius(0);
549
- }
550
-
551
- .modal-header {
552
- background-color: @navbarBackground;
553
- color: @white;
554
- }
555
-
556
- .modal-body {
557
-
558
- color: @grayDark;
559
-
560
- h1, h2, h3, h4, h5, h6,
561
- legend {
562
- color: @red;
563
- }
564
-
565
- label,
566
- .input-file {
567
- color: @grayDark;
568
- }
569
-
570
- .help-block,
571
- .help-inline {
572
- color: @grayLight;
573
- }
574
-
575
- textarea,
576
- input,
577
- .uneditable-input {
578
- border: 1px solid @grayLight;
579
- }
580
- }
581
-
582
- // MISCELLANEOUS
583
- // -----------------------------------------------------
584
-
585
- .alert, .label, .progress, .well, pre, code {
586
- border-color: transparent;
587
- .border-radius(0);
588
- .box-shadow(none);
589
- text-shadow: none;
590
- }
591
-
592
- .hero-unit {
593
- .border-radius(0);
594
- }
595
-
596
- code, pre {
597
- background-color: rgba(255, 255, 255, 0.3);
598
- padding: 2px;
599
- }
600
-
601
- .well {
602
- background-image: none;
564
+ .alert-heading {
565
+ color: @textColor;
603
566
  }
604
567
 
605
568
  .label, .label:hover {
@@ -628,15 +591,37 @@ code, pre {
628
591
  color: @textColor;
629
592
  }
630
593
 
631
- .alert-heading {
632
- color: @textColor;
594
+ // MISCELLANEOUS
595
+ // -----------------------------------------------------
596
+
597
+ .progress, .well, pre, code {
598
+ border-color: transparent;
599
+ .border-radius(0);
600
+ .box-shadow(none);
601
+ text-shadow: none;
602
+ }
603
+
604
+ .well {
605
+ background-image: none;
606
+ }
607
+
608
+ .hero-unit {
609
+ .border-radius(0);
610
+ }
611
+
612
+ .thumbnail {
613
+ border: 0 solid transparent;
614
+ .border-radius(0);
615
+ .box-shadow(none);
633
616
  }
634
617
 
635
618
  .progress {
619
+
636
620
  background-image: none;
637
621
  background-color: #27666D;
638
622
 
639
623
  .bar {
624
+
640
625
  .box-shadow(none);
641
626
  background-image: none;
642
627
  background-color: @yellow;
@@ -659,46 +644,67 @@ code, pre {
659
644
  background-image: none;
660
645
  background-color: #AD1D28;
661
646
  }
647
+
662
648
  .progress-danger.progress-striped .bar {
663
- #gradient > .striped(#AD1D28);
649
+ #gradient > .striped(#AD1D28);
664
650
  }
665
651
 
666
652
  .progress-success .bar {
667
653
  background-image: none;
668
654
  background-color: @green;
669
655
  }
656
+
670
657
  .progress-success.progress-striped .bar {
671
- #gradient > .striped(@green);
658
+ #gradient > .striped(@green);
672
659
  }
673
660
 
674
661
  .progress-info .bar {
675
662
  background-image: none;
676
663
  background-color: @blue;
677
664
  }
665
+
678
666
  .progress-info.progress-striped .bar {
679
- #gradient > .striped(@blue);
667
+ #gradient > .striped(@blue);
680
668
  }
681
669
 
682
- .thumbnail {
683
- border: 0 solid transparent;
670
+ .modal {
671
+
684
672
  .border-radius(0);
685
- .box-shadow(none);
686
- }
687
673
 
688
- blockquote {
674
+ &-header {
675
+ background-color: @navbarBackground;
676
+ color: @white;
677
+ }
689
678
 
690
- border-left-color: lighten(#147E88, 12%);
679
+ &-body {
680
+
681
+ color: @grayDark;
691
682
 
692
- &.pull-right {
693
- border-right-color: lighten(#147E88, 12%);
694
- }
683
+ h1, h2, h3, h4, h5, h6,
684
+ legend {
685
+ color: @red;
686
+ }
695
687
 
696
- small {
697
- color: rgba(255, 255, 255, 0.6);
688
+ label,
689
+ .input-file {
690
+ color: @grayDark;
691
+ }
692
+
693
+ .help-block,
694
+ .help-inline {
695
+ color: @grayLight;
696
+ }
697
+
698
+ textarea,
699
+ input,
700
+ .uneditable-input {
701
+ border: 1px solid @grayLight;
702
+ }
698
703
  }
699
704
  }
700
705
 
701
706
  .popover {
707
+
702
708
  padding: 0;
703
709
  .border-radius(0);
704
710
  color: @grayDark;
@@ -708,3 +714,6 @@ blockquote {
708
714
  color: @white;
709
715
  }
710
716
  }
717
+
718
+ // MEDIA QUERIES
719
+ // -----------------------------------------------------