Friday, September 30
Shadow

Tag: SassMeister

Generated by SassMeister.com.

gist
/* * CCYC Conference */ /* * vars & functions */ $utred: #E31837; $utteal: #008BB0; //633 $utblue: #002a5c; $uoftblue: #002a5c; $yellow: #ffe131; $breakpoints: ( 'xs': (max-width: 480px), 'vs': (min-width: 481px), 'sl': (min-width: 540px), 'ss': (min-width: 600px), 'sm': (min-width: 768px), 'mm': (min-width: 850px), 'md': (min-width: 992px), 'lg': (min-width: 1200px), 'vl': (min-width: 1400px), ); @mixin respond-to($breakpoint) { $raw-query: map-get($breakpoints, $breakpoint); @if $raw-query { $query: if(type-of($raw-query) == 'string', unquote($raw-query), inspect($raw-query)); @media #{$query} { @content; } } @else { @error 'No value found for `#{$breakpoint}`. ' + 'Please make sure it is defined in `$breakpoints` map.'; ...