From e75dbdd8733f73f33dd4a6217083bd2bcd4e32b1 Mon Sep 17 00:00:00 2001 From: GoOz Date: Fri, 17 May 2019 11:52:52 +0200 Subject: [PATCH] feat: Responsive position utils --- stylus/utilities/position.styl | 29 ++++++++++++++++++----------- 1 file changed, 18 insertions(+), 11 deletions(-) diff --git a/stylus/utilities/position.styl b/stylus/utilities/position.styl index ab6e6c521f..19120ebc73 100644 --- a/stylus/utilities/position.styl +++ b/stylus/utilities/position.styl @@ -1,26 +1,33 @@ +@require '../settings/breakpoints' @require '../tools/mixins' /*------------------------------------*\ Position utilities \*------------------------------------*/ -$position-absolute +position-absolute() position absolute -$position-relative +position-relative() position relative -$position-fixed +position-fixed() position fixed -$position-sticky +position-sticky() position sticky -$position-static +position-static() position static -// Global classes -global('.u-pos-absolute', $position-absolute) -global('.u-pos-relative', $position-relative) -global('.u-pos-fixed', $position-fixed) -global('.u-pos-sticky', $position-sticky) -global('.u-pos-static', $position-static) +props = { + 'position-absolute': 'pos-absolute', + 'position-relative': 'pos-relative', + 'position-fixed': 'pos-fixed', + 'position-sticky': 'pos-sticky', + 'position-static': 'pos-static', +} + +if cssmodules == true + cssModulesUtils(props, breakpoints) +else + nativeUtils(props, breakpoints)