mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
d713f8341c
* Defaults to no rounded corners and full width in the viewport * When in a container, the jumbotron has extra padding and will have rounded corners * Updates default jumbotron example to show the full width default display Fixes #9759.
40 lines
776 B
Text
40 lines
776 B
Text
//
|
|
// Jumbotron
|
|
// --------------------------------------------------
|
|
|
|
|
|
.jumbotron {
|
|
padding: 30px 15px;
|
|
margin-bottom: 30px;
|
|
font-size: (@font-size-base * 1.5);
|
|
font-weight: 200;
|
|
line-height: (@line-height-base * 1.5);
|
|
color: @jumbotron-lead-color;
|
|
background-color: @jumbotron-bg;
|
|
|
|
h1 {
|
|
line-height: 1;
|
|
color: @jumbotron-heading-color;
|
|
}
|
|
p {
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.container & {
|
|
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
|
|
}
|
|
|
|
@media screen and (min-width: @screen-tablet) {
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;
|
|
|
|
.container & {
|
|
padding-left: 60px;
|
|
padding-right: 60px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: (@font-size-base * 4.5);
|
|
}
|
|
}
|
|
}
|