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