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