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

diff --git a/assets/sass/libs/_my-mixins.scss b/assets/sass/libs/_my-mixins.scss
index a901a45..dc52109 100644
--- a/assets/sass/libs/_my-mixins.scss
+++ b/assets/sass/libs/_my-mixins.scss
@@ -157,3 +157,31 @@
     }
   }
 }
+
+@mixin circle($size, $display) {
+  width: $size;
+  height: $size;
+  display: $display;
+  -webkit-border-radius: $size/2;
+  -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;
+    }
+}