shop.balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

_jumbotron.scss (1206B)

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