Contents

@charset "UTF-8";

/// Mixes a color with black.
///
/// @argument {color} $color
///
/// @argument {number (percentage)} $percent
///   The amount of black to be mixed in.
///
/// @example scss
///   .element {
///     background-color: shade(#ffbb52, 60%);
///   }
///
/// @example css
///   .element {
///     background-color: #664a20;
///   }
///
/// @return {color}

@function shade(
    $color,
    $percent
  ) {

  @return mix(#000, $color, $percent);
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
bourbon-5.0.0.beta.3	core/bourbon/library/_shade.scss
bourbon-5.0.0.beta.2	core/bourbon/library/_shade.scss
bourbon-5.0.0.beta.1	core/bourbon/functions/_shade.scss