[Summary view] [Print] [Text view]

   1  
   2  @mixin media( $res ) {
   3      @if mobile == $res {
   4          @media only screen and (min-width: $mobile_width) {
   5              @content;
   6          }
   7      }
   8  
   9      @if tablet == $res {
  10          @media only screen and (min-width: $tablet_width) {
  11              @content;
  12          }
  13      }
  14  
  15      @if desktop == $res {
  16          @media only screen and (min-width: $desktop_width) {
  17              @content;
  18          }
  19      }
  20  
  21      @if wide == $res {
  22          @media only screen and (min-width: $wide_width) {
  23              @content;
  24          }
  25      }
  26  }
  27  
  28  @mixin link-transition( $attr: color ) {
  29      transition: $attr $link_transition ease-in-out;
  30  }
  31  
  32  @mixin button-transition() {
  33      transition: background $button_transition ease-in-out;
  34  }
  35  
  36  @mixin button-all-transition() {
  37      transition: all $button_transition ease-in-out;
  38  }
  39  
  40  @mixin background-transition() {
  41      transition: background $background_transition ease-in-out;
  42  }
  43  
  44  @mixin selection {
  45      ::-moz-selection {
  46          @content;
  47      }
  48      ::selection {
  49          @content;
  50      }
  51  }