mister-webdev / movie-app

src/styles/functions.scss

/// Slightly lighten a color
/// @access public
/// @param {Color} $color - color to tint
/// @param {Number} $percentage - percentage of `$color` in returned color
/// @return {Color}

@function tint($color, $percentage) {
  @return mix(white, $color, $percentage);

Color literals like white should only be used in variable declarations; they should be referred to via variable everywhere else.

Color white should be written in hexadecimal form as #ffffff

}

/// Slightly darken a color
/// @access public
/// @param {Color} $color - color to shade
/// @param {Number} $percentage - percentage of `$color` in returned color
/// @return {Color}

@function shade($color, $percentage) {
  @return mix(black, $color, $percentage);

Color black should be written in hexadecimal form as #000000

Color literals like black should only be used in variable declarations; they should be referred to via variable everywhere else.

}

Files should end with a trailing newline