notification popups

1 files changed, 11 insertions, 0 deletions

diff --git a/scss/_lib.scss b/scss/_lib.scss
index 19a2867..8c39778 100644
--- a/scss/_lib.scss
+++ b/scss/_lib.scss
@@ -1,3 +1,6 @@
+@use "sass:color";
+@use "scheme";
+
 $scale: 0.068rem;
 @function s($value: 1) {
     @return $value * $scale;
@@ -12,6 +15,14 @@ $scale: 0.068rem;
     border: s($width) $style $colour;
 }
 
+@mixin outer-border($colour, $alpha: 0.7, $width: 2, $style: solid) {
+    border: s($width) $style color.change($colour, $alpha: $alpha);
+}
+
+@mixin shadow($colour: scheme.$mantle, $alpha: 0.4, $x: 2, $y: 3, $blur: 8, $spread: 0) {
+    box-shadow: s($x) s($y) s($blur) s($spread) color.change($colour, $alpha: $alpha);
+}
+
 @mixin spacing($val: 5, $vertical: false) {
     $dir: if($vertical, bottom, right);