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.
@@ -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
+ // -----------------------------------------------------