equal
deleted
inserted
replaced
|
1 // |
|
2 // Jumbotron |
|
3 // -------------------------------------------------- |
|
4 |
|
5 |
|
6 .jumbotron { |
|
7 padding: @jumbotron-padding; |
|
8 margin-bottom: @jumbotron-padding; |
|
9 font-size: @jumbotron-font-size; |
|
10 font-weight: 200; |
|
11 line-height: (@line-height-base * 1.5); |
|
12 color: @jumbotron-color; |
|
13 background-color: @jumbotron-bg; |
|
14 |
|
15 h1, |
|
16 .h1 { |
|
17 line-height: 1; |
|
18 color: @jumbotron-heading-color; |
|
19 } |
|
20 p { |
|
21 line-height: 1.4; |
|
22 } |
|
23 |
|
24 .container & { |
|
25 border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container |
|
26 } |
|
27 |
|
28 .container { |
|
29 max-width: 100%; |
|
30 } |
|
31 |
|
32 @media screen and (min-width: @screen-sm-min) { |
|
33 padding-top: (@jumbotron-padding * 1.6); |
|
34 padding-bottom: (@jumbotron-padding * 1.6); |
|
35 |
|
36 .container & { |
|
37 padding-left: (@jumbotron-padding * 2); |
|
38 padding-right: (@jumbotron-padding * 2); |
|
39 } |
|
40 |
|
41 h1, |
|
42 .h1 { |
|
43 font-size: (@font-size-base * 4.5); |
|
44 } |
|
45 } |
|
46 } |