.jumbotron {
- padding: 30px;
- margin-bottom: 30px;
+ padding: @jumbotron-padding;
+ margin-bottom: @jumbotron-padding;
font-size: (@font-size-base * 1.5);
font-weight: 200;
line-height: (@line-height-base * 1.5);
- color: @jumbotron-lead-color;
+ color: @jumbotron-color;
background-color: @jumbotron-bg;
+
h1 {
line-height: 1;
color: @jumbotron-heading-color;
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: 50px 60px;
- border-radius: @border-radius-large; // Only round corners at higher resolutions
+ padding-top: (@jumbotron-padding * 1.6);
+ padding-bottom: (@jumbotron-padding * 1.6);
+
+ .container & {
+ padding-left: (@jumbotron-padding * 2);
+ padding-right: (@jumbotron-padding * 2);
+ }
+
h1 {
font-size: (@font-size-base * 4.5);
}