From 967014e0ba6c535b621468391eb923a922324332 Mon Sep 17 00:00:00 2001 From: Pedro Reis Date: Thu, 30 Mar 2017 15:18:58 +0100 Subject: [PATCH] Update _mixins.scss --- assets/sass/config/_mixins.scss | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/assets/sass/config/_mixins.scss b/assets/sass/config/_mixins.scss index c410d12..cb5ecaf 100755 --- 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%); + } +}