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

   1 //
   2 // Responsive: Landscape phone to desktop/tablet
   3 // --------------------------------------------------
   4
   5
   6 @media (max-width: 767px) {
   7   .jumbotron, footer, #social-buttons {
   8     padding-left: 20px;
   9     padding-right: 20px;
  10     margin-right: -20px;
  11     margin-left: -20px;
  12   }
  13
  14   #iconCarousel {
  15     @size: 180px;
  16     font-size: @size;
  17     line-height: @size;
  18     width: 280px;
  19     margin: 30px auto 0;
  20     .carousel-control {
  21       top: @size / 2;
  22       .square(44px);
  23       font-size: 44px;
  24       line-height: 44px;
  25       left: -7px;
  26       &.right { right: -7px; }
  27     }
  28   }
  29
  30   .jumbotron-index {
  31     h1 { font-size: 58px; }
  32     p { font-size: 24px; }
  33     .btn-large {
  34       font-size: 20px;
  35       padding: 14px 26px;
  36     }
  37     .shameless-self-promotion { font-size: 12px; }
  38   }
  39
  40   .jumbotron-ad {
  41     h1 { font-size: 39px; }
  42     p {
  43       font-size: 20px;
  44       margin-bottom: 20px;
  45     }
  46   }
  47
  48   .jumbotron-icon {
  49     .icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 { margin-right: 0; }
  50     .icon-6 { font-size: 16em; }
  51     h1 small {
  52       display: block;
  53       margin-top: 15px;
  54       margin-left: 0;
  55       line-height: 20px;
  56     }
  57   }
  58
  59   .stripe-ad .lead {
  60     margin: 0 0 30px;
  61   }
  62
  63   #carbonads-container {
  64     margin-right: -20px;
  65     margin-left: -20px;
  66     .carbonad {
  67       width: 100%;
  68       height: 120px;
  69       border-right: none;
  70       border-left: none;
  71     }
  72   }
  73   #azcarbon {
  74     width: 300px;
  75     margin: 0 auto;
  76   }
  77
  78   .sticky-footer(170px, 40px, 40px, 60px); // sets default values for sticky footer
  79   .footer {
  80     padding-left: 20px;
  81     padding-right: 20px;
  82   }
  83 }