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.
@@ -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 {