Media Query Mixin

$mq-support: true; @mixin bp($feature, $value) { // Set global device param $media: only screen; // Media queries supported @if $mq-support == true { @media #{$media} and ($feature: $value) { @content; } // Media queries not supported } @else { @if $feature == 'min-width' { @if $value <= $mq-fixed-value { @content; } } @else if $feature == 'max-width' { @if $value >= $mq-fixed-value { @content; } } } }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.