Sha256: 890adbb5cafd775a655082e3c178b91e642f809d5b98fc1650ef3f9f5abbb6ee

Contents?: true

Size: 516 Bytes

Versions: 4

Compression:

Stored size: 516 Bytes

Contents

// @category   ui/breakpoints

// wraps the content block in a breakpoint media query
// @mixin     breakpoint
// @param     $key {String} the breakpoint to use
// @content
@mixin breakpoint($key) {
  $breakpoint: get-breakpoint($key);
  @if $breakpoint {
    @media #{$breakpoint} {
      /* [archetype:breakpoint:begin] --- #{$key} --- */
      @content;
      /* [archetype:breakpoint:end] --- #{$key} --- */
    }
  }
  @else {
    @warn "[archetype:breakpoint] could not find a breakpoint for `#{$key}`";
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
archetype-1.0.0.alpha.4 stylesheets/archetype/ui/_breakpoints.scss
archetype-1.0.0.alpha.3 stylesheets/archetype/ui/_breakpoints.scss
archetype-1.0.0.alpha.2 stylesheets/archetype/ui/_breakpoints.scss
archetype-1.0.0.alpha.1 stylesheets/archetype/ui/_breakpoints.scss