Experiments page.
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / utils / bourbon / library / _tint.scss
1 @charset "UTF-8";
2
3 /// Mixes a color with white.
4 ///
5 /// @argument {color} $color
6 ///
7 /// @argument {number (percentage)} $percent
8 ///   The amount of white to be mixed in.
9 ///
10 /// @return {color}
11 ///
12 /// @example scss
13 ///   .element {
14 ///     background-color: tint(#6ecaa6, 40%);
15 ///   }
16 ///
17 ///   // CSS Output
18 ///   .element {
19 ///     background-color: #a8dfc9;
20 ///   }
21
22 @function tint(
23   $color,
24   $percent
25 ) {
26   @if not _is-color($color) {
27     @error "`#{$color}` is not a valid color for the `$color` argument in " +
28            "the `tint` mixin.";
29   } @else {
30     @return mix(#fff, $color, $percent);
31   }
32 }