git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/less/site/bootstrap/jumbotron.less

   1 .jumbotron {
   2   background-color: lighten(@jumbotron-bg, 2%);
   3   border-top: 1px solid mix(@jumbotron-bg, @jumbotron-color, 90%);
   4   border-bottom: 1px solid @jumbotron-border;
   5   margin-bottom: 0;
   6   &, h1 { color: @jumbotron-color; }
   7   padding: 50px 0 40px;
   8
   9   h1 {
  10     font-size: 80px;
  11     letter-spacing: -2px;
  12     line-height: 1;
  13     text-shadow: 4px 3px 0px @jumbotron-bg, 9px 8px 0px rgba(0,0,0,0.15); // double text shadow
  14     margin: 0 0 15px;
  15   }
  16   p {
  17     font-family: @font-family-alt;
  18     color: mix(@jumbotron-color, @jumbotron-bg, 75%);
  19     margin-top: 15px;
  20     margin-bottom: 15px;
  21     font-size: 24px;
  22     line-height: 1.3;
  23     font-weight: lighter;
  24     text-shadow: 0 1px 0 rgba(0,0,0,0.15);
  25   }
  26 }
  27
  28 .jumbotron-icon {
  29   padding: 30px 0 25px;
  30   background-color: @gray-lighter;
  31   color: @gray-darker;
  32   &, h1 { text-shadow: 0 1px 0 #fff; }
  33   border-bottom-color: mix(@gray-light, @gray-lighter, 25%);
  34   border-top-color: mix(#fff, @gray-lighter, 50%);
  35   h1 {
  36     color: @gray-darker;
  37     font-size: 30px;
  38     margin-top: @buffer-lg;
  39     small {
  40       letter-spacing: normal;
  41       font-family: @font-family-sans-serif;
  42       font-size: @font-size-base;
  43       margin-left: 20px;
  44     }
  45   }
  46
  47   .info-icons {
  48     font-size: @font-size-base;
  49   }
  50   .info-details {
  51     float: left;
  52     p {
  53       margin: 25px 0;
  54       font-weight: bold;
  55     }
  56     .dl-horizontal {
  57       dt { width: @component-offset-horizontal - 100; }
  58       dd { margin-left: @component-offset-horizontal - 85; }
  59     }
  60   }
  61   .fa-2 { font-size: 2em; }
  62   .fa-3 { font-size: 4em; }
  63   .fa-4 { font-size: 7em; }
  64   .fa-5 { font-size: 12em; }
  65   .fa-6 { font-size: 20em; }
  66
  67   .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 1/14em; }
  68 }