blob: e31137137d39349f3b47adc2ba7cdaafb2c15ea0 [file] [log] [blame]
Michael Landoefa037d2017-02-19 12:57:33 +02001//
2// Jumbotron
3// --------------------------------------------------
4
5.jumbotron {
6 padding-top: $jumbotron-padding;
7 padding-bottom: $jumbotron-padding;
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 .container &,
28 .container-fluid & {
29 border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container
30 }
31
32 .container {
33 max-width: 100%;
34 }
35
36 @media screen and (min-width: $screen-sm-min) {
37 padding-top: ($jumbotron-padding * 1.6);
38 padding-bottom: ($jumbotron-padding * 1.6);
39
40 .container &,
41 .container-fluid & {
42 padding-left: ($jumbotron-padding * 2);
43 padding-right: ($jumbotron-padding * 2);
44 }
45
46 h1,
47 .h1 {
48 font-size: $jumbotron-heading-font-size;
49 }
50 }
51}