Chris@2: // Mixin for box-sizing
Chris@2: // ====================================================================
Chris@2: 
Chris@2: @mixin bs($bs-type: $defined-bs-type) {
Chris@2: 	-webkit-box-sizing: $bs-type;
Chris@2: 	-moz-box-sizing: $bs-type;
Chris@2: 	box-sizing: $bs-type;
Chris@2: }
Chris@2: 
Chris@2: // Media Query mixin
Chris@2: @mixin MQ($canvas) {
Chris@2: 	@if $canvas == iphone-land {
Chris@2: 		@media only screen and (min-width: $XS + 1) and (max-width: $S) { @content; }
Chris@2: 	}
Chris@2: 	@else if $canvas == ipad-port {
Chris@2: 		@media only screen and (min-width: $S + 1) and (max-width: $M) { @content; }
Chris@2: 	}
Chris@2: 	@else if $canvas == ipad-land {
Chris@2: 		@media only screen and (min-width: $M + 1) and (max-width: $L) { @content; }
Chris@2: 	}
Chris@2: 	@else if $canvas == standard-pc {
Chris@2: 		@media only screen and (min-width: $L + 1) { @content; }
Chris@2: 	}
Chris@2: 	@else if $canvas == iphone-port {
Chris@2: 		@media only screen and (max-width: $XS) { @content; }
Chris@2: 	}
Chris@2: 	@else if $canvas == iP4 {
Chris@2: 		@media
Chris@2:         only screen and (-webkit-min-device-pixel-ratio : 1.5),
Chris@2:         only screen and(min-device-pixel-ratio : 1.5) { @content; }
Chris@2: 	}
Chris@2:     @else if $canvas == SBig {
Chris@2: 		@media only screen and (min-width: $BS) { @content; }
Chris@2: 	}
Chris@2: }