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

9 entries across 9 versions & 1 rubygems

Version	Path
neat-1.7.2	test/media.scss
neat-1.7.1	test/media.scss
neat-1.7.0	test/media.scss
neat-1.7.0.rc	test/media.scss
neat-1.7.0.pre	test/media.scss
neat-1.5.1	test/media.scss
neat-1.6.0	test/media.scss
neat-1.6.0.pre2	test/media.scss
neat-1.6.0.pre	test/media.scss