Blame view
app/bower_components/bootstrap/less/jumbotron.less
1.13 KB
|
f986e111b
|
1 2 3 4 5 6 |
//
// Jumbotron
// --------------------------------------------------
.jumbotron {
|
|
87c93a029
|
7 8 |
padding-top: @jumbotron-padding;
padding-bottom: @jumbotron-padding;
|
|
f986e111b
|
9 |
margin-bottom: @jumbotron-padding; |
|
f986e111b
|
10 11 12 13 14 |
color: @jumbotron-color;
background-color: @jumbotron-bg;
h1,
.h1 {
|
|
f986e111b
|
15 16 |
color: @jumbotron-heading-color;
}
|
|
87c93a029
|
17 |
|
|
f986e111b
|
18 |
p {
|
|
87c93a029
|
19 20 21 22 23 24 25 |
margin-bottom: (@jumbotron-padding / 2);
font-size: @jumbotron-font-size;
font-weight: 200;
}
> hr {
border-top-color: darken(@jumbotron-bg, 10%);
|
|
f986e111b
|
26 |
} |
|
87c93a029
|
27 28 |
.container &,
.container-fluid & {
|
|
f986e111b
|
29 |
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container |
|
87c93a029
|
30 31 |
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
|
|
f986e111b
|
32 33 34 35 36 37 38 39 40 |
}
.container {
max-width: 100%;
}
@media screen and (min-width: @screen-sm-min) {
padding-top: (@jumbotron-padding * 1.6);
padding-bottom: (@jumbotron-padding * 1.6);
|
|
87c93a029
|
41 42 |
.container &,
.container-fluid & {
|
|
f986e111b
|
43 44 45 46 47 48 |
padding-left: (@jumbotron-padding * 2);
padding-right: (@jumbotron-padding * 2);
}
h1,
.h1 {
|
|
87c93a029
|
49 |
font-size: @jumbotron-heading-font-size; |
|
f986e111b
|
50 51 52 |
}
}
}
|