git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/less/jumbotron.less

   1 //
   2 // Jumbotron
   3 // --------------------------------------------------
   4
   5
   6 .jumbotron {
   7   padding: 30px;
   8   margin-bottom: 30px;
   9   font-size: (@font-size-base * 1.5);
  10   font-weight: 200;
  11   line-height: (@line-height-base * 1.5);
  12   color: @jumbotron-lead-color;
  13   background-color: @jumbotron-bg;
  14   h1 {
  15     line-height: 1;
  16     color: @jumbotron-heading-color;
  17   }
  18   p {
  19     line-height: 1.4;
  20   }
  21
  22   @media screen and (min-width: @screen-tablet) {
  23     padding: 50px 60px;
  24     border-radius: @border-radius-large; // Only round corners at higher resolutions
  25     h1 {
  26       font-size: (@font-size-base * 4.5);
  27     }
  28   }
  29 }