summaryrefslogtreecommitdiff
path: root/_sass/bourbon/functions/_tint.scss
diff options
context:
space:
mode:
authorHombreLaser <sebastian-440@live.com>2024-02-08 16:36:31 -0600
committerHombreLaser <sebastian-440@live.com>2024-02-08 16:36:31 -0600
commite182245d3205d929881f51da9b48d6c4ed97a682 (patch)
treed390e8754dec70a9c9293afb801321b96f043c15 /_sass/bourbon/functions/_tint.scss
Commit inicialHEADmaster
Diffstat (limited to '_sass/bourbon/functions/_tint.scss')
-rw-r--r--_sass/bourbon/functions/_tint.scss24
1 files changed, 24 insertions, 0 deletions
diff --git a/_sass/bourbon/functions/_tint.scss b/_sass/bourbon/functions/_tint.scss
new file mode 100644
index 0000000..2e33814
--- /dev/null
+++ b/_sass/bourbon/functions/_tint.scss
@@ -0,0 +1,24 @@
+@charset "UTF-8";
+
+/// Mixes a color with white.
+///
+/// @param {Color} $color
+///
+/// @param {Number (Percentage)} $percent
+/// The amount of white to be mixed in.
+///
+/// @example scss - Usage
+/// .element {
+/// background-color: tint(#6ecaa6, 40%);
+/// }
+///
+/// @example css - CSS Output
+/// .element {
+/// background-color: #a8dfc9;
+/// }
+///
+/// @return {Color}
+
+@function tint($color, $percent) {
+ @return mix(#fff, $color, $percent);
+}