Sha256: 2c15398277307387ca969f0943eab757c7b419370d57a57769f44ae0f2be2303

Contents?: true

Size: 610 Bytes

Versions: 17

Compression:

Stored size: 610 Bytes

Contents

@charset "UTF-8";

/// Mixes a color with white.
///
/// @argument {color} $color
///
/// @argument {number (percentage)} $percent
///   The amount of white to be mixed in.
///
/// @return {color}
///
/// @example scss
///   .element {
///     background-color: tint(#6ecaa6, 40%);
///   }
///
///   // CSS Output
///   .element {
///     background-color: #a8dfc9;
///   }

@function tint(
  $color,
  $percent
) {
  @if not _is-color($color) {
    @error "`#{$color}` is not a valid color for the `$color` argument in " +
      "the `tint` mixin.";
  } @else {
    @return mix(#fff, $color, $percent);
  }
}

Version data entries

17 entries across 17 versions & 3 rubygems

Version Path
baseline-scss-0.5.0 src/vendors/bourbon/library/_tint.scss
baseline-scss-0.4.4 src/vendors/bourbon/library/_tint.scss
baseline-scss-0.4.3 src/vendors/bourbon/library/_tint.scss
baseline-scss-0.4.2 src/vendors/bourbon/library/_tint.scss
baseline-scss-0.4.1 src/vendors/bourbon/library/_tint.scss
baseline-scss-0.4.0 src/vendors/bourbon/library/_tint.scss
baseline-scss-0.3.3 src/vendors/bourbon/library/_tint.scss
baseline-scss-0.3.2 src/vendors/bourbon/library/_tint.scss
baseline-scss-0.3.1 src/vendors/bourbon/library/_tint.scss
baseline-scss-0.3.0 src/vendors/bourbon/library/_tint.scss
bourbon-7.3.0 core/bourbon/library/_tint.scss
bourbon-7.2.0 core/bourbon/library/_tint.scss
bourbon-7.1.0 core/bourbon/library/_tint.scss
geekspace-3.2.0 _sass/bourbon/bourbon/library/_tint.scss
geekspace-3.1.2 _sass/bourbon/bourbon/library/_tint.scss
geekspace-3.1.1 _sass/bourbon/bourbon/library/_tint.scss
bourbon-7.0.0 core/bourbon/library/_tint.scss