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