Mercurial > hg > cmmr2012-drupal-site
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 } |