mister-webdev / movie-app

src/styles/mixins.scss

// css-tricks.com/snippets/css/fluid-typography/
@mixin fluid($property, $min, $max) {
  #{$property}: calc(
    #{$min}px + (#{$max} - #{$min}) * ((100vw - 320px) / (1200 - 320))
  );
  

Line contains trailing whitespace

  @media (min-width: 1200px) {
    #{$property}: #{$max}px;
  }
}

// mobile-first media-query mixin
@mixin media($viewport) {
  @media (min-width: #{$viewport}px) {
    @content;
  }
}