git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/less/responsive-768px-979px.less

   1 //
   2 // Responsive: Tablet to desktop
   3 // --------------------------------------------------
   4
   5
   6 @media (min-width: 768px) and (max-width: 979px) {
   7
   8   #iconCarousel {
   9     @size: 200px;
  10     font-size: @size;
  11     line-height: @size + 5;
  12     .carousel-control {
  13       top: @size + 30px;
  14       .square(30px);
  15       font-size: 40px;
  16       line-height: 40px;
  17       left: 228/2 - 40px;
  18       &.right {
  19         right: 228/2 - 40px;
  20       }
  21     }
  22   }
  23
  24   .jumbotron-index {
  25     padding: 50px 0;
  26     h1 { font-size: 65px; }
  27     p { font-size: 25px; }
  28     .shameless-self-promotion { font-size: 12px; }
  29   }
  30
  31   .jumbotron-ad {
  32     p { font-size: 28px; }
  33   }
  34
  35   .jumbotron-icon {
  36     h1 small {
  37       display: block;
  38       margin-top: 15px;
  39       margin-left: 0;
  40       line-height: 20px;
  41     }
  42   }
  43
  44   .stripe-ad {
  45     .lead {
  46       margin: 0;
  47       font-size: 19px;
  48     }
  49     @ad-width: 302px;
  50     .span8 { width: 476px + 228px - @ad-width; }
  51     .span4 { width: @ad-width; }
  52   }
  53
  54   #why, #whats-new, #new-styles {
  55     .span4 { width: 352px; }
  56   }
  57
  58   .the-icons {
  59     .span3 { width: 228px; }
  60   }
  61
  62   .sticky-footer(110px, 40px, 40px, 60px); // sets default values for sticky footer
  63   .footer {
  64     padding-left: 20px;
  65     padding-right: 20px;
  66   }
  67 }