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.
@@ -9,14 +9,13 @@
9
9
  @import url(https://fonts.googleapis.com/css?family=Oswald);
10
10
  @import url(https://fonts.googleapis.com/css?family=Noticia+Text);
11
11
 
12
- h6, legend,
13
- h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
12
+ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h6 {
14
13
  font-family: @headingsFontFamily;
15
14
  color: @orange;
16
15
  text-shadow: -1px 1px 0 darken(@orange, 30%);
17
16
  }
18
17
 
19
- h1, h2, legend {
18
+ h1, h2 {
20
19
  text-shadow: -2px 2px 0 darken(@orange, 30%);
21
20
  }
22
21
 
@@ -24,18 +23,17 @@ h1 {
24
23
  line-height: 55px;
25
24
  }
26
25
 
27
- // SCAFFOLDING
28
- // --------------------------------------------------
29
-
30
26
  code, pre {
31
27
  background-color: lighten(@blue, 8%);
32
28
  border: none;
33
29
  color: @textColor;
34
30
  }
35
31
 
36
- .prettyprint {
37
- border: none;
38
- text-decoration: none;
32
+ // SCAFFOLDING
33
+ // --------------------------------------------------
34
+
35
+ .page-header {
36
+ border-bottom: none;
39
37
  }
40
38
 
41
39
  blockquote {
@@ -168,14 +166,6 @@ blockquote.pull-right {
168
166
  }
169
167
  }
170
168
 
171
- .dropdown .caret {
172
- margin-top: 14px;
173
- opacity: 1;
174
- border-left: 6px solid transparent;
175
- border-right: 6px solid transparent;
176
- border-top: 6px solid lighten(@blue, 10%);
177
- }
178
-
179
169
  div.subnav {
180
170
  background-color: @blue;
181
171
  background-image: none;
@@ -238,121 +228,6 @@ div.subnav {
238
228
  }
239
229
  }
240
230
 
241
- @media (max-width: 768px) {
242
- div.subnav .nav > li:first-child > a,
243
- div.subnav .nav > li:first-child > a:hover,
244
- div.subnav .nav > li.active:first-child > a,
245
- div.subnav .nav > li.active:first-child > a:hover {
246
- .border-radius(4px 4px 0 0);
247
- }
248
-
249
- div.subnav .nav > li:last-child > a,
250
- div.subnav .nav > li:last-child > a:hover,
251
- div.subnav .nav > li.active:last-child > a,
252
- div.subnav .nav > li.active:last-child > a:hover {
253
- .border-radius(0 0 4px 4px);
254
- }
255
-
256
- }
257
-
258
- // TABLES
259
- // -----------------------------------------------------
260
-
261
- .table,
262
- .table-striped tbody > tr > td:first-child,
263
- .table-striped tbody > tr > td:last-child, {
264
- .border-radius(4px);
265
- }
266
-
267
- // BUTTONS
268
- // --------------------------------------------------
269
-
270
- .btn,
271
- .btn:hover {
272
- text-shadow: none;
273
- background-image: none;
274
- .box-shadow(-2px 2px 0 rgba(0, 0, 0, 0.2));
275
- border: none;
276
- }
277
-
278
- .btn-warning {
279
- background-color: @yellow;
280
- }
281
-
282
- .btn-primary, .btn-primary:hover {
283
- .box-shadow(-2px 2px 0 darken(@btnPrimaryBackground, 30%));
284
- }
285
-
286
- .btn-warning, .btn-warning:hover {
287
- .box-shadow(-2px 2px 0 darken(@yellow, 30%));
288
- }
289
-
290
- .btn-danger, .btn-danger:hover {
291
- .box-shadow(-2px 2px 0 darken(#ee5f5b, 30%));
292
- }
293
-
294
- .btn-success, .btn-success:hover {
295
- .box-shadow(-2px 2px 0 darken(#62c462, 30%));
296
- }
297
-
298
- .btn-info, .btn-info:hover {
299
- .box-shadow(-2px 2px 0 darken(#5bc0de, 40%));
300
- }
301
-
302
- .btn-inverse, .btn-inverse:hover {
303
- .box-shadow(-2px 2px 0 darken(#454545, 20%));
304
- }
305
-
306
- .btn.dropdown-toggle, .btn.dropdown-toggle:hover {
307
- .box-shadow(0 2px 0 darken(@white, 80%));
308
- }
309
-
310
- .btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover {
311
- .box-shadow(0 2px 0 darken(@btnPrimaryBackground, 30%));
312
- }
313
-
314
- .btn-warning.dropdown-toggle, .btn-warning.dropdown-toggle:hover {
315
- .box-shadow(0 2px 0 darken(@yellow, 30%));
316
- }
317
-
318
- .btn-danger.dropdown-toggle, .btn-danger.dropdown-toggle:hover {
319
- .box-shadow(0 2px 0 darken(#ee5f5b, 30%));
320
- }
321
-
322
- .btn-success.dropdown-toggle, .btn-success.dropdown-toggle:hover {
323
- .box-shadow(0 2px 0 darken(#62c462, 30%));
324
- }
325
-
326
- .btn-info.dropdown-toggle, .btn-info.dropdown-toggle:hover {
327
- .box-shadow(0 2px 0 darken(#5bc0de, 40%));
328
- }
329
-
330
- .btn-inverse.dropdown-toggle, .btn-inverse.dropdown-toggle:hover {
331
- .box-shadow(0 2px 0 darken(#454545, 20%));
332
- }
333
-
334
- .btn.active,
335
- .btn:active {
336
- position: relative;
337
- top: 1px;
338
- left: -1px;
339
- .box-shadow(-1px 1px 0 darken(@white, 80%))
340
- }
341
-
342
- .btn.disabled,
343
- .btn.disabled.active,
344
- .btn.disabled:active,
345
- .btn[disabled] {
346
- .box-shadow(none);
347
- text-shadow: none;
348
- top: 0;
349
- left: 0;
350
- }
351
-
352
- [class^="icon-"], [class*=" icon-"] {
353
- vertical-align: -13%;
354
- }
355
-
356
231
  // NAVIGATION
357
232
  // --------------------------------------------------
358
233
 
@@ -500,6 +375,104 @@ div.subnav {
500
375
  }
501
376
  }
502
377
 
378
+ // BUTTONS
379
+ // --------------------------------------------------
380
+
381
+ .btn,
382
+ .btn:hover {
383
+ text-shadow: none;
384
+ background-image: none;
385
+ .box-shadow(-2px 2px 0 rgba(0, 0, 0, 0.2));
386
+ border: none;
387
+ }
388
+
389
+ .btn-warning {
390
+ background-color: @yellow;
391
+ }
392
+
393
+ .btn-primary, .btn-primary:hover {
394
+ .box-shadow(-2px 2px 0 darken(@btnPrimaryBackground, 30%));
395
+ }
396
+
397
+ .btn-warning, .btn-warning:hover {
398
+ .box-shadow(-2px 2px 0 darken(@yellow, 30%));
399
+ }
400
+
401
+ .btn-danger, .btn-danger:hover {
402
+ .box-shadow(-2px 2px 0 darken(#ee5f5b, 30%));
403
+ }
404
+
405
+ .btn-success, .btn-success:hover {
406
+ .box-shadow(-2px 2px 0 darken(#62c462, 30%));
407
+ }
408
+
409
+ .btn-info, .btn-info:hover {
410
+ .box-shadow(-2px 2px 0 darken(#5bc0de, 40%));
411
+ }
412
+
413
+ .btn-inverse, .btn-inverse:hover {
414
+ .box-shadow(-2px 2px 0 darken(#454545, 20%));
415
+ }
416
+
417
+ .btn.dropdown-toggle, .btn.dropdown-toggle:hover {
418
+ .box-shadow(0 2px 0 darken(@white, 80%));
419
+ }
420
+
421
+ .btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover {
422
+ .box-shadow(0 2px 0 darken(@btnPrimaryBackground, 30%));
423
+ }
424
+
425
+ .btn-warning.dropdown-toggle, .btn-warning.dropdown-toggle:hover {
426
+ .box-shadow(0 2px 0 darken(@yellow, 30%));
427
+ }
428
+
429
+ .btn-danger.dropdown-toggle, .btn-danger.dropdown-toggle:hover {
430
+ .box-shadow(0 2px 0 darken(#ee5f5b, 30%));
431
+ }
432
+
433
+ .btn-success.dropdown-toggle, .btn-success.dropdown-toggle:hover {
434
+ .box-shadow(0 2px 0 darken(#62c462, 30%));
435
+ }
436
+
437
+ .btn-info.dropdown-toggle, .btn-info.dropdown-toggle:hover {
438
+ .box-shadow(0 2px 0 darken(#5bc0de, 40%));
439
+ }
440
+
441
+ .btn-inverse.dropdown-toggle, .btn-inverse.dropdown-toggle:hover {
442
+ .box-shadow(0 2px 0 darken(#454545, 20%));
443
+ }
444
+
445
+ .btn.active,
446
+ .btn:active {
447
+ position: relative;
448
+ top: 1px;
449
+ left: -1px;
450
+ .box-shadow(-1px 1px 0 darken(@white, 80%))
451
+ }
452
+
453
+ .btn.disabled,
454
+ .btn.disabled.active,
455
+ .btn.disabled:active,
456
+ .btn[disabled] {
457
+ .box-shadow(none);
458
+ text-shadow: none;
459
+ top: 0;
460
+ left: 0;
461
+ }
462
+
463
+ [class^="icon-"], [class*=" icon-"] {
464
+ vertical-align: -13%;
465
+ }
466
+
467
+ // TABLES
468
+ // -----------------------------------------------------
469
+
470
+ .table,
471
+ .table-striped tbody > tr > td:first-child,
472
+ .table-striped tbody > tr > td:last-child, {
473
+ .border-radius(4px);
474
+ }
475
+
503
476
  // FORMS
504
477
  // --------------------------------------------------
505
478
 
@@ -509,6 +482,9 @@ input, button, select, textarea {
509
482
 
510
483
  legend {
511
484
  border-bottom: none;
485
+ font-family: @headingsFontFamily;
486
+ color: @orange;
487
+ text-shadow: -2px 2px 0 darken(@orange, 30%);
512
488
  }
513
489
 
514
490
  label {
@@ -544,62 +520,20 @@ label {
544
520
  color: @bodyBackground;
545
521
  }
546
522
 
547
- // MODALS
523
+ // DROPDOWNS
548
524
  // --------------------------------------------------
549
525
 
550
- .modal {
551
- background-color: transparent;
552
- }
553
-
554
- .modal-header,
555
- .modal-body,
556
- .modal-footer {
557
- .box-shadow(none);
558
- background-color: @bodyBackground;
559
- border: none;
560
- }
561
-
562
- .modal-header {
563
- .border-radius(4px 4px 0 0);
564
- }
565
-
566
- .modal-footer {
567
- .border-radius(0 0 4px 4px);
526
+ .dropdown .caret {
527
+ margin-top: 14px;
528
+ opacity: 1;
529
+ border-left: 6px solid transparent;
530
+ border-right: 6px solid transparent;
531
+ border-top: 6px solid lighten(@blue, 10%);
568
532
  }
569
533
 
570
- // MISCELLANEOUS
534
+ // ALERTS, LABELS, BADGES
571
535
  // --------------------------------------------------
572
536
 
573
- .page-header {
574
- border-bottom: none;
575
- }
576
-
577
- .well, .hero-unit {
578
- border: none;
579
- .box-shadow(none);
580
- }
581
-
582
- .hero-unit h1 {
583
- color: @orange;
584
- line-height: 2em;
585
- }
586
-
587
- .progress {
588
- background-color: darken(@blueDark, 5%);
589
- background-image: none;
590
- .box-shadow(none);
591
-
592
- .bar {
593
- .box-shadow(none);
594
- }
595
- }
596
-
597
- .thumbnail {
598
- border: none;
599
- background: @blue;
600
- .border-radius(3px);
601
- }
602
-
603
537
  .label {
604
538
  background-color: @blue;
605
539
  color: @textColor;
@@ -649,3 +583,77 @@ label {
649
583
  background-color: @infoText;
650
584
  }
651
585
 
586
+ // MISC
587
+ // --------------------------------------------------
588
+
589
+ .well, .hero-unit {
590
+ border: none;
591
+ .box-shadow(none);
592
+ }
593
+
594
+ .hero-unit h1 {
595
+ color: @orange;
596
+ line-height: 2em;
597
+ }
598
+
599
+ .progress {
600
+ background-color: darken(@blueDark, 5%);
601
+ background-image: none;
602
+ .box-shadow(none);
603
+
604
+ .bar {
605
+ .box-shadow(none);
606
+ }
607
+ }
608
+
609
+ .thumbnail {
610
+ border: none;
611
+ background: @blue;
612
+ .border-radius(3px);
613
+ }
614
+
615
+ .modal {
616
+ background-color: transparent;
617
+
618
+ &-header,
619
+ &-body,
620
+ &-footer {
621
+ .box-shadow(none);
622
+ background-color: @bodyBackground;
623
+ border: none;
624
+ }
625
+
626
+ &-header {
627
+ .border-radius(4px 4px 0 0);
628
+ }
629
+
630
+ &-footer {
631
+ .border-radius(0 0 4px 4px);
632
+ }
633
+ }
634
+
635
+ // MEDIA QUERIES
636
+ // --------------------------------------------------
637
+
638
+ @media (max-width: 768px) {
639
+
640
+ div.subnav {
641
+
642
+ .nav > li {
643
+
644
+ &:first-child > a,
645
+ &:first-child > a:hover,
646
+ &.active:first-child > a,
647
+ &.active:first-child > a:hover {
648
+ .border-radius(4px 4px 0 0);
649
+ }
650
+
651
+ &:last-child > a,
652
+ &:last-child > a:hover,
653
+ &.active:last-child > a,
654
+ &.active:last-child > a:hover {
655
+ .border-radius(0 0 4px 4px);
656
+ }
657
+ }
658
+ }
659
+ }
@@ -8,6 +8,9 @@
8
8
 
9
9
  @import url(https://fonts.googleapis.com/css?family=Ubuntu);
10
10
 
11
+ // SCAFFOLDING
12
+ // -----------------------------------------------------
13
+
11
14
  // NAVBAR
12
15
  // -----------------------------------------------------
13
16
 
@@ -69,6 +72,16 @@
69
72
  }
70
73
  }
71
74
 
75
+ // NAV
76
+ // -----------------------------------------------------
77
+
78
+ .nav-tabs .open .dropdown-toggle,
79
+ .nav-pills .open .dropdown-toggle,
80
+ .nav > li.dropdown.open.active > a:hover {
81
+ border-right: 1px solid #C03D14;
82
+ border-left: 1px solid #E6633A;
83
+ }
84
+
72
85
  // BUTTONS
73
86
  // -----------------------------------------------------
74
87
 
@@ -80,24 +93,25 @@
80
93
  .buttonBackground(lighten(@yellow, 15%), @yellow);
81
94
  }
82
95
 
83
- // NAVIGATION
96
+ // TABLES
84
97
  // -----------------------------------------------------
85
98
 
99
+ // FORMS
100
+ // -----------------------------------------------------
86
101
 
87
- .nav-tabs .open .dropdown-toggle,
88
- .nav-pills .open .dropdown-toggle,
89
- .nav > li.dropdown.open.active > a:hover {
90
- border-right: 1px solid #C03D14;
91
- border-left: 1px solid #E6633A;
92
- }
102
+ // DROPDOWNS
103
+ // -----------------------------------------------------
93
104
 
94
- // MISC
105
+ // ALERTS, LABELS, BADGES
95
106
  // -----------------------------------------------------
96
107
 
97
108
  .alert {
98
109
  text-shadow: none;
99
110
  }
100
111
 
112
+ // MISC
113
+ // -----------------------------------------------------
114
+
101
115
  .hero-unit {
102
116
  border: 1px solid rgba(0,0,0,.05);
103
117
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
@@ -106,3 +120,6 @@
106
120
  line-height: 1.6em;
107
121
  }
108
122
  }
123
+
124
+ // MEDIA QUERIES
125
+ // -----------------------------------------------------