Sha256: 0ab78278227e22d24cb0549a5fcb4a885da63befd7bad8c203592d264875217b

Contents?: true

Size: 531 Bytes

Versions: 14

Compression:

Stored size: 531 Bytes

Contents

@mixin breakpoint-min($width) {
  @media screen and (min-width: ($width + 1px)) {
    @content;
  }
}

@mixin breakpoint-max($width) {
  @media screen and (max-width: $width) {
    @content;
  }
}

@mixin breakpoint-min-max($min-width, $max-width) {
  @media screen and (min-width: ($min-width + 1px)) and (max-width: ($max-width)) {
    @content;
  }
}

// Sample breakpoint

// $breakpoint-mobile: 600px;
// @mixin breakpoint-mobile($offset: 0px) {
//   @include breakpoint-max(($breakpoint-mobile + $offset)) { @content; }
// }

Version data entries

14 entries across 14 versions & 1 rubygems

Version Path
pages_core-3.9.2 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.9.1 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.9.0 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.8.3 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.8.2 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.8.1 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.8.0 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.7.0 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.6.2 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.6.1 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.6.0 lib/rails/generators/pages_core/frontend/templates/breakpoints.scss.erb
pages_core-3.4.3 lib/rails/generators/pages_core/frontend/templates/breakpoints.css.scss.erb
pages_core-3.5.1 lib/rails/generators/pages_core/frontend/templates/breakpoints.css.scss.erb
pages_core-3.4.2 lib/rails/generators/pages_core/frontend/templates/breakpoints.css.scss.erb