| // |
| // Jumbotron |
| // -------------------------------------------------- |
| |
| |
| .jumbotron { |
| padding: @jumbotron-padding (@jumbotron-padding / 2); |
| margin-bottom: @jumbotron-padding; |
| color: @jumbotron-color; |
| background-color: @jumbotron-bg; |
| |
| h1, |
| .h1 { |
| color: @jumbotron-heading-color; |
| } |
| |
| p { |
| margin-bottom: (@jumbotron-padding / 2); |
| font-size: @jumbotron-font-size; |
| font-weight: 200; |
| } |
| |
| > hr { |
| border-top-color: darken(@jumbotron-bg, 10%); |
| } |
| |
| .tb-container &, |
| .container-fluid & { |
| border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container |
| } |
| |
| .tb-container { |
| max-width: 100%; |
| } |
| |
| @media screen and (min-width: @screen-sm-min) { |
| padding: (@jumbotron-padding * 1.6) 0; |
| |
| .tb-container &, |
| .container-fluid & { |
| padding-left: (@jumbotron-padding * 2); |
| padding-right: (@jumbotron-padding * 2); |
| } |
| |
| h1, |
| .h1 { |
| font-size: (@font-size-base * 4.5); |
| } |
| } |
| } |