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