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