annotate themes/contrib/mayo/sass/partials/_mixins.scss @ 5:12f9dff5fda9 tip

Update to Drupal core 8.7.1
author Chris Cannam
date Thu, 09 May 2019 15:34:47 +0100
parents 5311817fb629
children
rev   line source
Chris@2 1 // Mixin for box-sizing
Chris@2 2 // ====================================================================
Chris@2 3
Chris@2 4 @mixin bs($bs-type: $defined-bs-type) {
Chris@2 5 -webkit-box-sizing: $bs-type;
Chris@2 6 -moz-box-sizing: $bs-type;
Chris@2 7 box-sizing: $bs-type;
Chris@2 8 }
Chris@2 9
Chris@2 10 // Media Query mixin
Chris@2 11 @mixin MQ($canvas) {
Chris@2 12 @if $canvas == iphone-land {
Chris@2 13 @media only screen and (min-width: $XS + 1) and (max-width: $S) { @content; }
Chris@2 14 }
Chris@2 15 @else if $canvas == ipad-port {
Chris@2 16 @media only screen and (min-width: $S + 1) and (max-width: $M) { @content; }
Chris@2 17 }
Chris@2 18 @else if $canvas == ipad-land {
Chris@2 19 @media only screen and (min-width: $M + 1) and (max-width: $L) { @content; }
Chris@2 20 }
Chris@2 21 @else if $canvas == standard-pc {
Chris@2 22 @media only screen and (min-width: $L + 1) { @content; }
Chris@2 23 }
Chris@2 24 @else if $canvas == iphone-port {
Chris@2 25 @media only screen and (max-width: $XS) { @content; }
Chris@2 26 }
Chris@2 27 @else if $canvas == iP4 {
Chris@2 28 @media
Chris@2 29 only screen and (-webkit-min-device-pixel-ratio : 1.5),
Chris@2 30 only screen and(min-device-pixel-ratio : 1.5) { @content; }
Chris@2 31 }
Chris@2 32 @else if $canvas == SBig {
Chris@2 33 @media only screen and (min-width: $BS) { @content; }
Chris@2 34 }
Chris@2 35 }