Contents

@import "setup";

$composite: new-breakpoint(max-width 768px min-width 110px orientation portait 6);

.media-default {
  @include media(481px) {
    color: #000;
  }
}

.media-max-width {
  @include media(max-width 480px) {
    position: relative;
  }
}

.media-min-max-width {
  @include media(min-width 320px max-width 480px) {
    position: relative;
  }
}

.change-media-context {
  @include media(481px, 6) {
    @include span-columns(6);
  }
}

.change-media-context-shorthand {
  @include media(max-width 480px 6) {
    @include span-columns(6);
  }
}

.composite-media-query {
  @include media($composite) {
    @include span-columns(6);
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
neat-1.9.1	test/media.scss
neat-1.9.0	test/media.scss
neat-1.8.0	test/media.scss
neat-1.7.4	test/media.scss
neat-1.7.3	test/media.scss