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.
@@ -3,11 +3,14 @@
3
3
  // Version: 2.1.0
4
4
  // -----------------------------------------------------
5
5
 
6
- // IMPORTS
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
- // ICONS
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
- .jumbotron h1 {
19
- font-weight: normal !important;
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
- @media (max-width: 768px) {
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
- // MODALS
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
- .well, .hero-unit, .prettyprint, input, textarea, select {
517
- .border-radius(1px);
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
- blockquote {
530
- border-left: 5px solid @blue;
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
- .thumbnail {
538
- border-color: #222;
539
- }
488
+ // ALERTS, LABELS, BADGES
489
+ // -----------------------------------------------------
540
490
 
541
- .progress {
542
- background-color: #060606;
543
- background-image: none;
544
- .border-radius(0);
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, .alert-danger,
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
- .alert,
573
- .alert .alert-heading,
574
- .alert-success,
575
- .alert-success .alert-heading,
576
- .alert-danger,
577
- .alert-error,
578
- .alert-danger .alert-heading,
579
- .alert-error .alert-heading,
580
- .alert-info,
581
- .alert-info .alert-heading {
582
- color: @grayLighter;
583
- text-shadow: none;
584
- border: none;
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
- footer.footer {
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
- h4 {
32
- font-size: 20px;
33
- }
22
+ h2 { font-size: 36px; }
34
23
 
35
- h5 {
36
- font-size: 13px;
37
- }
24
+ h3 { font-size: 28px; }
38
25
 
39
- h6 {
40
- color: @black;
41
- font-weight: bold;
42
- }
26
+ h4 { font-size: 20px; }
43
27
 
44
- // SCAFFOLDING
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
- // MODALS
218
+ // TABLES
221
219
  // -----------------------------------------------------
222
220
 
223
- .modal {
224
- .border-radius(0px);
225
- background: @bodyBackground;
221
+ .table-bordered {
222
+ .border-radius(0);
223
+ .box-shadow(none);
226
224
  }
227
225
 
228
- .modal-header {
229
- border-bottom: none;
230
- }
226
+ // FORMS
227
+ // -----------------------------------------------------
231
228
 
232
- .modal-footer {
233
- background: transparent;
234
- .box-shadow(none);
235
- border-top: none;
229
+ legend {
230
+ border-bottom: 2px solid @grayLighter;
231
+ font-family: @headingsFontFamily;
232
+ font-weight: @headingsFontWeight;
233
+ color: @headingsColor;
236
234
  }
237
235
 
238
- .close,
239
- .close:hover {
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
- .table-bordered {
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
- legend {
269
- border-bottom: 2px solid @grayLighter;
270
- font-family: @headingsFontFamily;
271
- font-weight: @headingsFontWeight;
272
- color: @headingsColor;
262
+ .modal {
263
+ .border-radius(0px);
264
+ background: @bodyBackground;
273
265
  }
274
266
 
275
- a.thumbnail:hover {
276
- .box-shadow(0 1px 3px 1px rgba(0, 0, 0, 0.3));
277
- border-color: #ddd;
267
+ .modal-header {
268
+ border-bottom: none;
278
269
  }
279
270
 
280
- code, pre, pre.prettyprint {
281
- .border-radius(0);
282
- background-color: @grayLighter;
271
+ .modal-footer {
272
+ border-top: none;
273
+ background: transparent;
283
274
  .box-shadow(none);
284
275
  }
285
276
 
286
- hr {
287
- border-bottom: 1px solid @grayLighter;
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 {