X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Flibs%2F_my-mixins.scss;h=dc5210903920b10816610fba066e9e3735124af8;hb=ca7530825d1ff39bb77947934ef24187a9590fcf;hp=9d0b0ce7b29e389fe3411d276f99d8eebe360082;hpb=f945c30bd5cb057b509c5d5cfae21f792e7fdc8f;p=theme-danix.xyz.git

diff --git a/assets/sass/libs/_my-mixins.scss b/assets/sass/libs/_my-mixins.scss
index 9d0b0ce..dc52109 100644
--- a/assets/sass/libs/_my-mixins.scss
+++ b/assets/sass/libs/_my-mixins.scss
@@ -166,3 +166,22 @@
   -moz-border-radius: $size/2;
   border-radius: $size/2;
 }
+
+// box-shadow
+// top and left are  the anchor point from where to start moving the shadow
+@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
+    @if unitless($top) or unitless($left) or unitless($blur) {
+        $top: $top * 1px;
+        $left: $left * 1px;
+        $blur: $blur * 1px;
+    }
+    @if $inset {
+        -webkit-box-shadow:inset $top $left $blur $color;
+        -moz-box-shadow:inset $top $left $blur $color;
+        box-shadow:inset $top $left $blur $color;
+    } @else {
+        -webkit-box-shadow: $top $left $blur $color;
+        -moz-box-shadow: $top $left $blur $color;
+        box-shadow: $top $left $blur $color;
+    }
+}