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.
@@ -10,24 +10,33 @@ body {
10
10
  word-spacing: -0.05em;
11
11
  }
12
12
 
13
- h1 {
14
- font-size: 2.5em;
15
- }
13
+ h1 { font-size: 2.5em; }
16
14
 
17
- h2 {
18
- font-size: 2em;
19
- }
15
+ h2 { font-size: 2em; }
20
16
 
21
- h3 {
22
- font-size: 1.5em;
17
+ h3 { font-size: 1.5em; }
18
+
19
+ small {
20
+ font-size: 13px;
23
21
  }
24
22
 
25
- h6 {
26
- color: @textColor;
23
+ blockquote {
24
+
25
+ border-left: 6px solid @grayLighter;
26
+
27
+ &.pull-right {
28
+ border-right: 6px solid @grayLighter;
29
+ }
30
+
31
+ p {
32
+ font-size: 1em;
33
+ line-height: 1.2em;
34
+ }
27
35
  }
28
36
 
29
- small {
30
- font-size: 13px;
37
+ code, pre {
38
+ .border-radius(0);
39
+ background-color: @white;
31
40
  }
32
41
 
33
42
  .muted, .help-block, .uneditable-input, blockquote, small {
@@ -138,6 +147,7 @@ small {
138
147
  }
139
148
 
140
149
  div.subnav {
150
+
141
151
  .box-shadow(none);
142
152
  .border-radius(0);
143
153
  background-color: @white;
@@ -167,16 +177,6 @@ div.subnav {
167
177
  }
168
178
  }
169
179
 
170
- .dropdown-menu {
171
- border: 1px solid #D4D4D4;
172
- .border-radius(0);
173
- .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
174
-
175
- .divider {
176
- margin: 5px 1px;
177
- }
178
- }
179
-
180
180
  // NAV
181
181
  // -----------------------------------------------------
182
182
 
@@ -345,6 +345,23 @@ div.subnav {
345
345
  margin-top: 13px;
346
346
  }
347
347
 
348
+ // TABLES
349
+ // -----------------------------------------------------
350
+
351
+ .table-bordered {
352
+ .border-radius(0);
353
+ }
354
+
355
+ .table-bordered thead:first-child tr:first-child th:first-child,
356
+ .table-bordered tbody:first-child tr:first-child td:first-child {
357
+ .border-radius(0);
358
+ }
359
+
360
+ .table-bordered thead:last-child tr:last-child th:first-child,
361
+ .table-bordered tbody:last-child tr:last-child td:first-child {
362
+ .border-radius(0);
363
+ }
364
+
348
365
  // FORMS
349
366
  // -----------------------------------------------------
350
367
 
@@ -366,41 +383,20 @@ select, input[type="file"] {
366
383
  padding-top: 2em;
367
384
  }
368
385
 
369
- // TABLES
386
+ // DROPDOWNS
370
387
  // -----------------------------------------------------
371
388
 
372
- .table-bordered {
373
- .border-radius(0);
374
- }
375
-
376
- .table-bordered thead:first-child tr:first-child th:first-child,
377
- .table-bordered tbody:first-child tr:first-child td:first-child {
378
- .border-radius(0);
379
- }
380
-
381
- .table-bordered thead:last-child tr:last-child th:first-child,
382
- .table-bordered tbody:last-child tr:last-child td:first-child {
383
- .border-radius(0);
384
- }
385
-
386
- // MODALS
387
- // -----------------------------------------------------
388
-
389
- .modal {
390
- background-color: @white;
389
+ .dropdown-menu {
390
+ border: 1px solid #D4D4D4;
391
391
  .border-radius(0);
392
- }
393
-
394
- .modal-header {
395
- border-bottom: none;
396
- }
392
+ .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
397
393
 
398
- .modal-footer {
399
- background-color: @bodyBackground;
394
+ .divider {
395
+ margin: 5px 1px;
396
+ }
400
397
  }
401
398
 
402
-
403
- // MISCELLANEOUS
399
+ // ALERTS, LABELS, BADGES
404
400
  // -----------------------------------------------------
405
401
 
406
402
  .alert,
@@ -431,35 +427,37 @@ select, input[type="file"] {
431
427
 
432
428
  .label-info, .label-info:hover { background-color: @infoBackground; }
433
429
 
430
+ // MISC
431
+ // -----------------------------------------------------
432
+
434
433
  .well, .hero-unit {
435
434
  .box-shadow(none);
436
435
  border: 1px solid #D4D4D4;
437
436
  .border-radius(0);
438
437
  }
439
438
 
440
- blockquote {
441
- border-left: 6px solid @grayLighter;
442
-
443
- &.pull-right {
444
- border-right: 6px solid @grayLighter;
445
- }
446
-
447
- p {
448
- font-size: 1em;
449
- line-height: 1.2em;
450
- }
451
- }
452
-
453
439
  .thumbnail {
454
440
  background-color: @white;
455
441
  }
456
442
 
457
- .thumbnail, .thumbnail > img {
443
+ .thumbnail,
444
+ .thumbnail > img {
458
445
  .border-radius(0);
459
446
  .box-shadow(none);
460
447
  }
461
448
 
462
- code, pre {
463
- .border-radius(0);
449
+ .modal {
464
450
  background-color: @white;
451
+ .border-radius(0);
452
+ }
453
+
454
+ .modal-header {
455
+ border-bottom: none;
465
456
  }
457
+
458
+ .modal-footer {
459
+ background-color: @bodyBackground;
460
+ }
461
+
462
+ // MEDIA QUERIES
463
+ // -----------------------------------------------------
@@ -3,15 +3,18 @@
3
3
  // Version: 2.1.0
4
4
  // -----------------------------------------------------
5
5
 
6
- @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
7
-
8
6
  @boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
9
7
 
10
8
  // TYPOGRAPHY
11
9
  // -----------------------------------------------------
12
10
 
13
- h6 {
14
- color: @headingsColor;
11
+ @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
12
+
13
+ // SCAFFOLDING
14
+ // -----------------------------------------------------
15
+
16
+ hr {
17
+ border-bottom: none;
15
18
  }
16
19
 
17
20
  // NAVBAR
@@ -151,9 +154,7 @@ h6 {
151
154
  .nav-header {
152
155
  color: rgba(255, 255, 255, 0.7);
153
156
  }
154
-
155
157
  }
156
-
157
158
  }
158
159
  }
159
160
 
@@ -359,6 +360,55 @@ div.subnav {
359
360
  }
360
361
  }
361
362
 
363
+ .breadcrumb {
364
+ .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
365
+ border: 0px solid transparent;
366
+
367
+ li {
368
+ padding-top: 5px;
369
+ text-shadow: none;
370
+ }
371
+
372
+ a {
373
+ text-shadow: none;
374
+ }
375
+
376
+ a:hover {
377
+ text-decoration: none;
378
+ }
379
+ }
380
+
381
+ .pagination {
382
+
383
+ li > a {
384
+ padding: 4px 14px 0;
385
+ color: @textColor;
386
+
387
+ &:hover {
388
+ background-color: @dropdownLinkBackgroundHover;
389
+ color: @linkColor;
390
+ }
391
+ }
392
+
393
+ li.active > a {
394
+ background-color: @dropdownLinkBackgroundHover;
395
+ color: @linkColor;
396
+ }
397
+ }
398
+
399
+
400
+ // BUTTONS
401
+ // -----------------------------------------------------
402
+
403
+ .btn {
404
+ padding-top: .6em;
405
+ font-family: @headingsFontFamily;
406
+ font-weight: bold;
407
+ }
408
+
409
+ // TABLES
410
+ // -----------------------------------------------------
411
+
362
412
  // FORMS
363
413
  // -----------------------------------------------------
364
414
 
@@ -383,29 +433,18 @@ legend {
383
433
  line-height: 16px;
384
434
  }
385
435
 
386
- // BUTTONS
436
+ // DROPDOWNS
387
437
  // -----------------------------------------------------
388
438
 
389
- .btn {
390
- padding-top: .6em;
391
- font-family: @headingsFontFamily;
392
- font-weight: bold;
393
- }
394
-
395
- // MODALS
439
+ // ALERTS, LABELS, BADGES
396
440
  // -----------------------------------------------------
397
441
 
398
- .modal-header {
399
- border-bottom: none;
400
- }
401
-
402
- .modal-header,
403
- .modal-body {
404
- background-color: @navbarBackground;
405
- }
406
-
407
- .modal-footer {
408
- background-color: @bodyBackground;
442
+ .label {
443
+ padding: 4px 4px 3px;
444
+ margin-left: 1px;
445
+ margin-right: 1px;
446
+ line-height: 26px;
447
+ font-weight: normal;
409
448
  }
410
449
 
411
450
  // MISCELLANEOUS
@@ -416,20 +455,9 @@ i[class^="icon-"]{
416
455
  vertical-align: -2px;
417
456
  }
418
457
 
419
- hr {
420
- border-bottom: none;
421
- }
422
-
423
- .progress {
424
- #gradient > .vertical(#e0e0e0, #e8e8e8);
425
- }
426
-
427
- .label {
428
- padding: 4px 4px 3px;
429
- margin-left: 1px;
430
- margin-right: 1px;
431
- line-height: 26px;
432
- font-weight: normal;
458
+ .well {
459
+ .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
460
+ border: none;
433
461
  }
434
462
 
435
463
  .hero-unit {
@@ -437,52 +465,34 @@ hr {
437
465
  .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
438
466
  }
439
467
 
440
- .well {
441
- .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
442
- border: none;
443
- }
444
-
445
468
  .thumbnail {
446
469
  padding: 10px;
447
470
  background-color: @white;
448
471
  }
449
472
 
450
- .breadcrumb {
451
- .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
452
- border: 0px solid transparent;
453
-
454
- li {
455
- padding-top: 5px;
456
- text-shadow: none;
457
- }
458
-
459
- a {
460
- text-shadow: none;
461
- }
462
-
463
- a:hover {
464
- text-decoration: none;
465
- }
473
+ .progress {
474
+ #gradient > .vertical(#e0e0e0, #e8e8e8);
466
475
  }
467
476
 
468
- .pagination {
477
+ .modal {
469
478
 
470
- li > a {
471
- padding: 4px 14px 0;
472
- color: @textColor;
479
+ &-header {
480
+ border-bottom: none;
481
+ }
473
482
 
474
- &:hover {
475
- background-color: @dropdownLinkBackgroundHover;
476
- color: @linkColor;
477
- }
483
+ &-header,
484
+ &-body {
485
+ background-color: @navbarBackground;
478
486
  }
479
487
 
480
- li.active > a {
481
- background-color: @dropdownLinkBackgroundHover;
482
- color: @linkColor;
488
+ &-footer {
489
+ background-color: @bodyBackground;
483
490
  }
484
491
  }
485
492
 
493
+ // MEDIA QUERIES
494
+ // -----------------------------------------------------
495
+
486
496
  @media (max-width: 979px) {
487
497
 
488
498
  .nav-collapse.collapse .navbar-form,
@@ -3,13 +3,28 @@
3
3
  // Version: 2.1.0
4
4
  // -----------------------------------------------------
5
5
 
6
- // SCAFFOLDING
6
+ // TYPOGRAPHY
7
7
  // -----------------------------------------------------
8
8
 
9
- h1, h2, h3, h4, h5, h6, legend, label {
9
+ h1, h2, h3, h4, h5, h6 {
10
10
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
11
11
  }
12
12
 
13
+ code, pre {
14
+ background-color: #F7F7F7;
15
+ border: 1px solid darken(@grayDarker, 5%);
16
+ text-shadow: none;
17
+ }
18
+
19
+ // SCAFFOLDING
20
+ // -----------------------------------------------------
21
+
22
+ hr, legend, .page-header {
23
+ border-top: none;
24
+ border-bottom: 1px solid darken(@grayDarker, 5%);
25
+ background-color: transparent;
26
+ }
27
+
13
28
  // NAVBAR
14
29
  // -----------------------------------------------------
15
30
 
@@ -111,12 +126,6 @@ h1, h2, h3, h4, h5, h6, legend, label {
111
126
  }
112
127
  }
113
128
 
114
- @media (max-width: 979px) {
115
- .navbar .brand {
116
- border-right: none;
117
- }
118
- }
119
-
120
129
  div.subnav {
121
130
  #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
122
131
  border: 1px solid transparent;
@@ -170,62 +179,74 @@ div.subnav {
170
179
  }
171
180
  }
172
181
 
173
- @media (max-width: 768px) {
174
- div.subnav .nav > li + li > a {
175
- border-top: 1px solid transparent;
176
- }
177
- }
178
-
179
- // BUTTONS
182
+ // NAV
180
183
  // -----------------------------------------------------
181
184
 
182
- .btn {
183
- .buttonBackground(@gray, darken(@gray, 10%));
184
- .border-radius(3px);
185
- border: 1px solid @grayDarker;
185
+ .nav .nav-header {
186
+ text-shadow: none;
186
187
  }
187
188
 
188
- .btn, .btn:hover {
189
- color: @white;
189
+ .nav > li > a {
190
+ #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
191
+ .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
192
+ border: none;
193
+ color: @grayLight;
190
194
  font-weight: bold;
191
195
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
192
196
  }
193
197
 
194
- .btn-primary {
195
- .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
198
+ .nav > li.active > a,
199
+ .nav > li.active > a:hover {
200
+ background-color: transparent;
201
+ border: none;
202
+ color: @white;
196
203
  }
197
204
 
198
- .btn-warning {
199
- .buttonBackground(lighten(@orange, 15%), @orange);
205
+ .nav > li > a:hover {
206
+ background-color: transparent;
207
+ color: @grayLighter;
200
208
  }
201
209
 
202
- .btn-danger {
203
- .buttonBackground(#ee5f5b, #bd362f);
204
- }
210
+ .nav-list {
211
+ background-color: @grayDark;
212
+ .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
205
213
 
206
- .btn-success {
207
- .buttonBackground(#62c462, #51a351);
208
- }
214
+ li > a {
215
+ background-image: none;
216
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
217
+ }
209
218
 
210
- .btn-info {
211
- .buttonBackground(#5bc0de, #2f96b4);
212
- }
219
+ .nav-header {
220
+ color: @gray;
221
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
222
+ }
213
223
 
214
- .btn-inverse {
215
- .buttonBackground(#454545, #262626);
224
+ .divider {
225
+ border-bottom: 1px solid darken(@grayDarker, 5%);
226
+ background-color: transparent;
227
+ }
216
228
  }
217
229
 
218
- .caret {
219
- border-top-color: @white;
230
+ .nav-tabs {
231
+ border-bottom: none;
220
232
  }
221
233
 
222
- // TABLES
223
- // -----------------------------------------------------
234
+ .tabs-below .nav-tabs {
235
+ border-top: none;
236
+ }
224
237
 
238
+ .tabs-left .nav-tabs {
239
+ border-right: none;
240
+ }
225
241
 
242
+ .tabs-right .nav-tabs {
243
+ border-left: none;
244
+ }
226
245
 
227
- // NAVIGATION
228
- // -----------------------------------------------------
246
+ .nav-tabs.nav-stacked > li > a,
247
+ .nav-tabs.nav-stacked > li > a:hover {
248
+ border: none;
249
+ }
229
250
 
230
251
  .breadcrumb {
231
252
  .box-shadow(none);
@@ -293,85 +314,51 @@ div.subnav {
293
314
  }
294
315
  }
295
316
 
296
- .nav .nav-header {
297
- text-shadow: none;
298
- }
317
+ // BUTTONS
318
+ // -----------------------------------------------------
299
319
 
300
- .nav > li > a {
301
- #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
302
- .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
303
- border: none;
304
- color: @grayLight;
305
- font-weight: bold;
306
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
320
+ .btn {
321
+ .buttonBackground(@gray, darken(@gray, 10%));
322
+ .border-radius(3px);
323
+ border: 1px solid @grayDarker;
307
324
  }
308
325
 
309
- .nav > li.active > a,
310
- .nav > li.active > a:hover {
311
- background-color: transparent;
312
- border: none;
326
+ .btn, .btn:hover {
313
327
  color: @white;
328
+ font-weight: bold;
329
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
314
330
  }
315
331
 
316
- .nav > li > a:hover {
317
- background-color: transparent;
318
- color: @grayLighter;
319
- }
320
-
321
- .nav-list {
322
- background-color: @grayDark;
323
- .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
324
-
325
- li > a {
326
- background-image: none;
327
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
328
- }
329
-
330
- .nav-header {
331
- color: @gray;
332
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
333
- }
334
-
335
- .divider {
336
- border-bottom: 1px solid darken(@grayDarker, 5%);
337
- background-color: transparent;
338
- }
332
+ .btn-primary {
333
+ .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20));
339
334
  }
340
335
 
341
- .nav-tabs {
342
- border-bottom: none;
336
+ .btn-warning {
337
+ .buttonBackground(lighten(@orange, 15%), @orange);
343
338
  }
344
339
 
345
- .tabs-below .nav-tabs {
346
- border-top: none;
340
+ .btn-danger {
341
+ .buttonBackground(#ee5f5b, #bd362f);
347
342
  }
348
343
 
349
- .tabs-left .nav-tabs {
350
- border-right: none;
344
+ .btn-success {
345
+ .buttonBackground(#62c462, #51a351);
351
346
  }
352
347
 
353
- .tabs-right .nav-tabs {
354
- border-left: none;
348
+ .btn-info {
349
+ .buttonBackground(#5bc0de, #2f96b4);
355
350
  }
356
351
 
357
- .nav-tabs.nav-stacked > li > a,
358
- .nav-tabs.nav-stacked > li > a:hover {
359
- border: none;
352
+ .btn-inverse {
353
+ .buttonBackground(#454545, #262626);
360
354
  }
361
355
 
362
- .dropdown-menu {
363
- .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
364
-
365
- li.active a,
366
- li.active a:hover {
367
- background-color: @grayDark;
368
- }
356
+ .caret {
357
+ border-top-color: @white;
369
358
  }
370
359
 
371
- .dropdown.open .dropdown-toggle {
372
- background-color: @grayDark;
373
- color: @grayLighter;
374
- }
360
+ // TABLES
361
+ // -----------------------------------------------------
375
362
 
376
363
  // FORMS
377
364
  // -----------------------------------------------------
@@ -380,8 +367,8 @@ label, input, button, select, textarea, legend {
380
367
  color: @textColor;
381
368
  }
382
369
 
383
- .form-actions {
384
- border-top: none;
370
+ legend, label {
371
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
385
372
  }
386
373
 
387
374
  .input-prepend .add-on,
@@ -411,7 +398,34 @@ textarea[readonly] {
411
398
  color: @grayLighter;
412
399
  }
413
400
 
414
- // LABELS AND ALERTS
401
+ .form-actions {
402
+ border-top: none;
403
+ }
404
+
405
+ // DROPDOWNS
406
+ // -----------------------------------------------------
407
+
408
+ .dropdown-menu {
409
+ .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
410
+
411
+ li.active a,
412
+ li.active a:hover {
413
+ background-color: @grayDark;
414
+ }
415
+ }
416
+
417
+ .dropdown.open .dropdown-toggle {
418
+ background-color: @grayDark;
419
+ color: @grayLighter;
420
+ }
421
+
422
+ .dropdown-menu .divider {
423
+ border-top: none;
424
+ border-bottom: 1px solid darken(@grayDarker, 5%);
425
+ background-color: transparent;
426
+ }
427
+
428
+ // ALERTS, LABELS, BADGES
415
429
  // -----------------------------------------------------
416
430
 
417
431
  .label, .alert {
@@ -445,59 +459,62 @@ textarea[readonly] {
445
459
  border-color: @infoText;
446
460
  }
447
461
 
448
- // MODALS
462
+ // MISC
449
463
  // -----------------------------------------------------
450
464
 
451
- .modal {
452
- background-color: darken(@grayDark, 5%);
465
+ .well, .hero-unit {
466
+ .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
453
467
  }
454
468
 
455
- .modal-header {
456
- border-bottom: none;
469
+ .thumbnail,
470
+ a.thumbnail:hover {
471
+ border: 1px solid darken(@grayDarker, 5%);
457
472
  }
458
473
 
459
- .modal-body {
460
- border-bottom: 1px solid #1C1E22;
474
+ .progress {
475
+ background-color: darken(@grayDarker, 3%);
476
+ #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
477
+ .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
461
478
  }
462
479
 
463
- .modal-footer {
464
- border-top: none;
465
- background-color: @grayDarker;
466
- .box-shadow(none);
480
+ .footer {
481
+ border-top: 1px solid darken(@grayDarker, 5%);
482
+
483
+ p {
484
+ color: @textColor;
485
+ }
467
486
  }
468
487
 
469
- // MISCELLANEOUS
470
- // -----------------------------------------------------
488
+ .modal {
471
489
 
472
- code, pre {
473
- background-color: #F7F7F7;
474
- border: 1px solid darken(@grayDarker, 5%);
475
- text-shadow: none;
476
- }
490
+ background-color: darken(@grayDark, 5%);
477
491
 
478
- hr, legend, .page-header, .dropdown-menu .divider {
479
- border-top: none;
480
- border-bottom: 1px solid darken(@grayDarker, 5%);
481
- background-color: transparent;
482
- }
492
+ &-header {
493
+ border-bottom: none;
494
+ }
483
495
 
484
- footer.footer {
485
- border-top: 1px solid darken(@grayDarker, 5%);
496
+ &-body {
497
+ border-bottom: 1px solid #1C1E22;
498
+ }
486
499
 
487
- p {
488
- color: @textColor;
500
+ &-footer {
501
+ border-top: none;
502
+ background-color: @grayDarker;
503
+ .box-shadow(none);
489
504
  }
490
505
  }
491
506
 
492
- .well, .progress, .hero-unit {
493
- .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5);
494
- }
507
+ // MEDIA QUERIES
508
+ // -----------------------------------------------------
495
509
 
496
- .progress {
497
- background-color: darken(@grayDarker, 3%);
498
- #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%));
510
+ @media (max-width: 979px) {
511
+ .navbar .brand {
512
+ border-right: none;
513
+ }
499
514
  }
500
515
 
501
- .thumbnail, a.thumbnail:hover {
502
- border: 1px solid darken(@grayDarker, 5%);
503
- }
516
+ @media (max-width: 768px) {
517
+ div.subnav .nav > li + li > a {
518
+ border-top: 1px solid transparent;
519
+ }
520
+ }