mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
441f9d6717
As in #7284, it can often be useful to style text like a heading in places where using the heading tag would be either semantically incorrect, less accessible, or otherwise invalid. Support this in .jumbotron as in the rest of the document by allowing elements with class .h1 to stand in for the h1 element. Signed-off-by: Kevin Locke <kevin@kevinlocke.name>
43 lines
895 B
Plaintext
43 lines
895 B
Plaintext
//
|
|
// Jumbotron
|
|
// --------------------------------------------------
|
|
|
|
|
|
.jumbotron {
|
|
padding: @jumbotron-padding;
|
|
margin-bottom: @jumbotron-padding;
|
|
font-size: @jumbotron-font-size;
|
|
font-weight: 200;
|
|
line-height: (@line-height-base * 1.5);
|
|
color: @jumbotron-color;
|
|
background-color: @jumbotron-bg;
|
|
|
|
h1,
|
|
.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-sm-min) {
|
|
padding-top: (@jumbotron-padding * 1.6);
|
|
padding-bottom: (@jumbotron-padding * 1.6);
|
|
|
|
.container & {
|
|
padding-left: (@jumbotron-padding * 2);
|
|
padding-right: (@jumbotron-padding * 2);
|
|
}
|
|
|
|
h1,
|
|
.h1 {
|
|
font-size: (@font-size-base * 4.5);
|
|
}
|
|
}
|
|
}
|