_responsive_mixins.scss

/*
  RESPONSIVE MIXINS based on bootstrap breakponts
*/
@mixin mobile() {
  @media (max-width: $screen-xs-max) {
    @content;
  }
}

@mixin notMobile() {
  @media (min-width: $screen-sm-min ){
    @content;
  }
}

@mixin tablet($how:'only') {
  @if $how == 'only' {
    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
      @content;
    }
  }
  @if $how == 'up' {
    @media (min-width: $screen-sm-min) {
      @content;
    }
  }
  @if $how == 'down' {
    @media (max-width: $screen-sm-max) {
      @content;
    }
  }
  @if $how != 'only' and $how != 'up' and $how != 'down' {
    //@error "mixin tablet support: only, up, down";
  }
}

@mixin desktop($how) {
  @if $how == 'only' {
    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
      @content;
    }
  }

  @if $how == 'up' {
    @media (min-width: $screen-md-min) {
      @content;
    }
  }
  @if $how == 'down' {
    @media (max-width: $screen-md-max) {
      @content;
    }
  }
  @if $how != 'only' and $how != 'up' and $how != 'down' {
    //@error "mixin desktop support: only, up, down";
  }

}

@mixin desktopLarge() {
  @media (min-width: $screen-lg-min) {
    @content;
  }
}

@mixin notDesktopLarge() {
  @media (max-width: $screen-md-max) {
    @content;
  }
}