12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- //
- // 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%);
- }
- .container &,
- .container-fluid & {
- border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
- }
- .container {
- max-width: 100%;
- }
- @media screen and (min-width: @screen-sm-min) {
- padding: (@jumbotron-padding * 1.6) 0;
- .container &,
- .container-fluid & {
- padding-left: (@jumbotron-padding * 2);
- padding-right: (@jumbotron-padding * 2);
- }
- h1,
- .h1 {
- font-size: (@font-size-base * 4.5);
- }
- }
- }
|