Skip to content

Breakpoint Mixin Test Cases

lesjames edited this page Sep 6, 2012 · 4 revisions
/* should fail with a warning */
@include breakpoint { /* style */ };
@include breakpoint(0) { /* style */ }

/* min width */
@include breakpoint(1) { /* style */ }

/* max width */
@include breakpoint(0, 6) { /* style */ }
@include breakpoint($max: 6) { /* style */ }

/* orientation */
@include breakpoint($orientation: portrait) { /* style */ }
@include breakpoint($orientation: landscape) { /* style */ }

/* min width and label */
@include breakpoint(1, $label: 'tablet') { /* style */ }

/* min and orientation */
@include breakpoint(1, $orientation: landscape){ /* style */ }

/* max and orientation */
@include breakpoint(0, 6, $orientation: landscape) { /* style */ }
@include breakpoint($max: 6, $orientation: landscape) { /* style */ }

/* min, max and orientation */
@include breakpoint(1, 6, $orientation: landscape){ /* style */ }

/* disable wrapper */
@include breakpoint(1, $wrapper: false){ /* style */ }

/* pixel ratio */
@include breakpoint($resolution: 'high') { /* style */ }
@include breakpoint($resolution: 'low') { /* style */ }
Clone this wiki locally