info@53: // info@53: // Jumbotron info@53: // -------------------------------------------------- info@53: info@53: info@53: .jumbotron { info@53: padding: @jumbotron-padding; info@53: margin-bottom: @jumbotron-padding; info@53: font-size: @jumbotron-font-size; info@53: font-weight: 200; info@53: line-height: (@line-height-base * 1.5); info@53: color: @jumbotron-color; info@53: background-color: @jumbotron-bg; info@53: info@53: h1, info@53: .h1 { info@53: line-height: 1; info@53: color: @jumbotron-heading-color; info@53: } info@53: p { info@53: line-height: 1.4; info@53: } info@53: info@53: .container & { info@53: border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container info@53: } info@53: info@53: .container { info@53: max-width: 100%; info@53: } info@53: info@53: @media screen and (min-width: @screen-sm-min) { info@53: padding-top: (@jumbotron-padding * 1.6); info@53: padding-bottom: (@jumbotron-padding * 1.6); info@53: info@53: .container & { info@53: padding-left: (@jumbotron-padding * 2); info@53: padding-right: (@jumbotron-padding * 2); info@53: } info@53: info@53: h1, info@53: .h1 { info@53: font-size: (@font-size-base * 4.5); info@53: } info@53: } info@53: }