blob: a27da4738fe71de9fa737c1cfadc92b11975b4d6 [file] [log] [blame]
Matteo Scandolo144c1882016-03-25 17:20:27 -07001//
2// Jumbotron
3// --------------------------------------------------
4
5
6.jumbotron {
7 padding-top: $jumbotron-padding;
8 padding-bottom: $jumbotron-padding;
9 margin-bottom: $jumbotron-padding;
10 color: $jumbotron-color;
11 background-color: $jumbotron-bg;
12
13 h1,
14 .h1 {
15 color: $jumbotron-heading-color;
16 }
17
18 p {
19 margin-bottom: ($jumbotron-padding / 2);
20 font-size: $jumbotron-font-size;
21 font-weight: 200;
22 }
23
24 > hr {
25 border-top-color: darken($jumbotron-bg, 10%);
26 }
27
28 .container &,
29 .container-fluid & {
30 border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
31 padding-left: ($grid-gutter-width / 2);
32 padding-right: ($grid-gutter-width / 2);
33 }
34
35 .container {
36 max-width: 100%;
37 }
38
39 @media screen and (min-width: $screen-sm-min) {
40 padding-top: ($jumbotron-padding * 1.6);
41 padding-bottom: ($jumbotron-padding * 1.6);
42
43 .container &,
44 .container-fluid & {
45 padding-left: ($jumbotron-padding * 2);
46 padding-right: ($jumbotron-padding * 2);
47 }
48
49 h1,
50 .h1 {
51 font-size: $jumbotron-heading-font-size;
52 }
53 }
54}