MY CSS BABIES

sytles.css

/* Mixin to avoid writing terrible media queries */

@mixin minQuery($propertyName, $defaultValue, $mediaQueries: ()) {
    #{$propertyName}: #{$defaultValue};
  
    @each $breakpoint, $value in $mediaQueries {
      @media (min-width: #{$breakpoint}) {
        #{$propertyName}: #{$value};
      }
    }
  }

/* example usage  */

body {
    
    @include minQuery(font-size, 16px, ($sm:50px, $md:16px));
}

/* ======================================================================= */