git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/less/site/responsive/screen-sm.less

   1 @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
   2   #icon-carousel {
   3     @size: 200px;
   4     font-size: @size;
   5     line-height: @size + 5;
   6   }
   7   .carousel-control {
   8     top: @size - 10px;
   9     .square(30px);
  10     left: 228/2 - 36px;
  11     &.right {
  12       right: 228/2 - 36px;
  13     }
  14   }
  15
  16   .jumbotron-carousel {
  17     padding: 50px 0;
  18     h1 { font-size: 65px; }
  19     p { font-size: 23px; }
  20     .shameless-self-promotion { font-size: 12px; }
  21   }
  22
  23   .jumbotron-ad {
  24     p { font-size: 24px; }
  25   }
  26
  27   .jumbotron-icon {
  28     h1 small {
  29       display: block;
  30       margin-top: 15px;
  31       margin-left: 0;
  32       line-height: 20px;
  33     }
  34   }
  35
  36   .stripe-ad {
  37     .lead {
  38       margin: 0;
  39       padding-top: 5px;
  40       font-size: 19px;
  41     }
  42   }
  43
  44   .sticky-footer(185px, 60px);
  45
  46   .hide-sm { display: none; }
  47 }