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}
51