-
Notifications
You must be signed in to change notification settings - Fork 38
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 */ }