|
info@53
|
1 |
//
|
|
info@53
|
2 |
// Jumbotron
|
|
info@53
|
3 |
// --------------------------------------------------
|
|
info@53
|
4 |
|
|
info@53
|
5 |
|
|
info@53
|
6 |
.jumbotron {
|
|
info@53
|
7 |
padding: @jumbotron-padding;
|
|
info@53
|
8 |
margin-bottom: @jumbotron-padding;
|
|
info@53
|
9 |
font-size: @jumbotron-font-size;
|
|
info@53
|
10 |
font-weight: 200;
|
|
info@53
|
11 |
line-height: (@line-height-base * 1.5);
|
|
info@53
|
12 |
color: @jumbotron-color;
|
|
info@53
|
13 |
background-color: @jumbotron-bg;
|
|
info@53
|
14 |
|
|
info@53
|
15 |
h1,
|
|
info@53
|
16 |
.h1 {
|
|
info@53
|
17 |
line-height: 1;
|
|
info@53
|
18 |
color: @jumbotron-heading-color;
|
|
info@53
|
19 |
}
|
|
info@53
|
20 |
p {
|
|
info@53
|
21 |
line-height: 1.4;
|
|
info@53
|
22 |
}
|
|
info@53
|
23 |
|
|
info@53
|
24 |
.container & {
|
|
info@53
|
25 |
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
|
|
info@53
|
26 |
}
|
|
info@53
|
27 |
|
|
info@53
|
28 |
.container {
|
|
info@53
|
29 |
max-width: 100%;
|
|
info@53
|
30 |
}
|
|
info@53
|
31 |
|
|
info@53
|
32 |
@media screen and (min-width: @screen-sm-min) {
|
|
info@53
|
33 |
padding-top: (@jumbotron-padding * 1.6);
|
|
info@53
|
34 |
padding-bottom: (@jumbotron-padding * 1.6);
|
|
info@53
|
35 |
|
|
info@53
|
36 |
.container & {
|
|
info@53
|
37 |
padding-left: (@jumbotron-padding * 2);
|
|
info@53
|
38 |
padding-right: (@jumbotron-padding * 2);
|
|
info@53
|
39 |
}
|
|
info@53
|
40 |
|
|
info@53
|
41 |
h1,
|
|
info@53
|
42 |
.h1 {
|
|
info@53
|
43 |
font-size: (@font-size-base * 4.5);
|
|
info@53
|
44 |
}
|
|
info@53
|
45 |
}
|
|
info@53
|
46 |
}
|