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

   1 @media (max-width: @screen-xs-max) {
   2   #icon-carousel {
   3     @size: 180px;
   4     font-size: @size;
   5     line-height: @size;
   6     width: 280px;
   7     margin: 30px auto 0;
   8   }
   9   .carousel-control {
  10     top: 40%;
  11     .square(44px);
  12     font-size: 44px;
  13     line-height: 44px;
  14     left: -7px;
  15     &.right { right: -7px; }
  16   }
  17
  18   .jumbotron-carousel {
  19     h1 { font-size: 58px; }
  20     p { font-size: 24px; }
  21     .btn-large {
  22       font-size: 20px;
  23       padding: 14px 26px;
  24     }
  25     .shameless-self-promotion { font-size: 12px; }
  26   }
  27
  28   .jumbotron-ad {
  29     h1 { font-size: 39px; }
  30     p {
  31       font-size: 20px;
  32       margin-bottom: 20px;
  33     }
  34   }
  35
  36   .jumbotron-icon {
  37     .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 0; }
  38     .fa-6 { font-size: 16em; }
  39     h1 small {
  40       display: block;
  41       margin-top: 15px;
  42       margin-left: 0;
  43       line-height: 20px;
  44     }
  45   }
  46
  47   .stripe-ad .lead {
  48     margin-top: @buffer-lg;
  49     padding: 0;
  50   }
  51
  52   #carbonads-container {
  53     .carbonad {
  54       margin-left: 0;
  55       margin-top: -20px;
  56       float: none;
  57       width: 100%;
  58       height: 120px;
  59     }
  60   }
  61   #azcarbon {
  62     width: 300px;
  63     margin: 0 auto;
  64   }
  65   .info-ad #carbonads-container .carbonad { margin-top: @buffer-lg; }
  66
  67   .sticky-footer(245px, 60px);
  68
  69   .hide-xs { display: none; }
  70 }