From 9dee716ed255a8f815b3c97b842c7ed672a709a4 Mon Sep 17 00:00:00 2001 From: Serghei Iakovlev Date: Sat, 16 Jul 2022 19:17:09 +0200 Subject: Provide ability to mark links as external using svg icon --- assets/sass/_mixins.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) (limited to 'assets/sass/_mixins.scss') diff --git a/assets/sass/_mixins.scss b/assets/sass/_mixins.scss index a51f90a..4c3168d 100644 --- a/assets/sass/_mixins.scss +++ b/assets/sass/_mixins.scss @@ -175,3 +175,20 @@ $break-desktop: 1600px; -ms-box-decoration-break: $value; box-decoration-break: $value; } + +// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Mask + + +// Usage: @include @include mask-image (url("/img/external-link.svg")); + +@mixin mask-image($value) { + -webkit-mask-image: $value; // Chrome, iOS, Safari + mask-image: $value; // None yet / Non-standard +} + +// Usage: @include mask-size (cover); + +@mixin mask-size($value) { + -webkit-mask-size: $value; // Chrome, iOS, Safari + mask-size: $value; // None yet / Non-standard +} -- cgit v1.2.3