dh_demo

DreamHanks demo project
git clone git://git.lair.cx/dh_demo
Log | Files | Refs | README

_responsive.scss (612B)

      1 $screen-mobile: 40rem;
      2 $screen-tablet: 50rem;
      3 
      4 @mixin tablet($with-desktop: false) {
      5   @if $with-desktop == true {
      6     @media (min-width: $screen-mobile) {
      7       @content($screen-mobile);
      8     }
      9   } @else {
     10     @media (min-width: $screen-mobile) and (max-width: calc($screen-tablet - 1px)) {
     11       @content($screen-mobile);
     12     }
     13   }
     14 }
     15 
     16 @mixin desktop {
     17   @media (min-width: $screen-tablet) {
     18     @content($screen-tablet);
     19   }
     20 }
     21 
     22 @mixin apply {
     23   @content(100%);
     24 
     25   @media (min-width: $screen-mobile) {
     26     @content($screen-mobile);
     27   }
     28 
     29   @media (min-width: $screen-tablet) {
     30     @content($screen-tablet);
     31   }
     32 }