Sha256: abd5640102f304159e43c44bbc73098a5963644f8468642fd55e16278fbe309e

Contents?: true

Size: 1.4 KB

Versions: 41

Compression:

Stored size: 1.4 KB

Contents

$simulated-media-queries: false !default;

@mixin mobile {
  @if $simulated-media-queries {
    .simulate_mobile & {
      @content;
    }
  }
  @else {
    @media screen and (max-width: 900px) {
      @content;
    }
  }
}

@mixin phone {
  @if $simulated-media-queries {
    .simulate_phone & {
      @content;
    }
  }
  @else {
    @media screen and (max-width: 700px) {
      @content;
    }
  }
}

@mixin desktop {
  @if $simulated-media-queries {
    .simulate_desktop & {
      @content;
    }
  }
  @else {
    @media screen and (min-width: 701px) {
      @content;
    }
  }
}

@mixin narrow_desktop {
  @if $simulated-media-queries {
    .simulate_narrow_desktop & {
      @content;
    }
  }
  @else {
    @media screen and (max-width: 1200px) {
      @content;
    }
  }
}

@mixin wide_desktop {
  @if $simulated-media-queries {
    .simulate_wide_desktop & {
      @content;
    }
  }
  @else {
    @media screen and (min-width: 1601px) {
      @content;
    }
  }
}

@mixin pad_portrait {
  @if $simulated-media-queries {
    .simulate_pad_portrait & {
      @content;
    }
  }
  @else {
    @media screen and (max-width: 768px) and (orientation: portrait) {
      @content;
    }
  }
}

@mixin phone_portrait {
  @if $simulated-media-queries {
    .simulate_phone_portrait & {
      @content;
    }
  }
  @else {
    @media screen and (max-width: 500px) and (orientation: portrait) {
      @content;
    }
  }
}

Version data entries

41 entries across 41 versions & 1 rubygems

Version Path
pageflow-12.6.0 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.5.0 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.4.1 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.4.0 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.3.0 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-13.0.0.beta6 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-13.0.0.beta5 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-13.0.0.beta4 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-13.0.0.beta3 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-13.0.0.beta2 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-13.0.0.beta1 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.2.0 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.1.0 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.0.4 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.0.3 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.0.2 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.0.1 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.0.0 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.0.0.rc7 app/assets/stylesheets/pageflow/mixins/breakpoints.scss
pageflow-12.0.0.rc6 app/assets/stylesheets/pageflow/mixins/breakpoints.scss