Update _mixins.scss

2017-03-30 15:18:58 +01:00 · 2017-03-30 15:18:58 +01:00 · 967014e0ba
parent a266914c3c
commit 967014e0ba
1 changed files with 23 additions and 0 deletions
--- a/assets/sass/config/_mixins.scss
+++ b/assets/sass/config/_mixins.scss
@ -58,3 +58,26 @@
        clear: both;
    }
 }
+
+
+
+/**
+ * Positioning
+ */
+
+@mixin center($horizontal: true, $vertical: true) {
+    position: absolute;
+    @if ($horizontal and $vertical) {
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    } 
+    @else if ($horizontal) {
+        left: 50%;
+        transform: translate(-50%, 0);
+    } 
+    @else if ($vertical) {
+        top: 50%;
+        transform: translate(0, -50%);
+    }
+}