X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fbourbon%2Fbourbon%2Flibrary%2F_tint.scss;fp=assets%2Fsass%2Fbourbon%2Fbourbon%2Flibrary%2F_tint.scss;h=c9ef892914fc009fb4964d9dae8c8b6740f77437;hb=2d3ca553a3d3345ec8ecdf0faedc6924cd0e2f5d;hp=0000000000000000000000000000000000000000;hpb=2ae9d02fd007f6d0bab6576f8f26d66570358605;p=theme-danix.xyz.git

diff --git a/assets/sass/bourbon/bourbon/library/_tint.scss b/assets/sass/bourbon/bourbon/library/_tint.scss
new file mode 100644
index 0000000..c9ef892
--- /dev/null
+++ b/assets/sass/bourbon/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);
+  }
+}