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   p {

    17     margin-bottom: (@jumbotron-padding / 2);

    18     font-size: @jumbotron-font-size;

    19     font-weight: 200;

    20   }

    21 

    22   > hr {

    23     border-top-color: darken(@jumbotron-bg, 10%);

    24   }

    25 

    26   .container &,

    27   .container-fluid & {

    28     border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container

    29   }

    30 

    31   .container {

    32     max-width: 100%;

    33   }

    34 

    35   @media screen and (min-width: @screen-sm-min) {

    36     padding: (@jumbotron-padding * 1.6) 0;

    37 

    38     .container &,

    39     .container-fluid & {

    40       padding-left:  (@jumbotron-padding * 2);

    41       padding-right: (@jumbotron-padding * 2);

    42     }

    43 

    44     h1,

    45     .h1 {

    46       font-size: (@font-size-base * 4.5);

    47     }

    48   }

    49 }