X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/6753452b63d937fd05ad485edc650565f5fa064e..24721591455e048cffca365384e6759daae05916:/src/wolnelektury/static/2021/css/utils/bourbon/library/_tint.scss diff --git a/src/wolnelektury/static/2021/css/utils/bourbon/library/_tint.scss b/src/wolnelektury/static/2021/css/utils/bourbon/library/_tint.scss new file mode 100644 index 000000000..1c536ed1f --- /dev/null +++ b/src/wolnelektury/static/2021/css/utils/bourbon/library/_tint.scss @@ -0,0 +1,32 @@ +@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); + } +}