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} 68