From 1c9fbfa178ccbe76608e2ebd82ae1895f9e0fa4c Mon Sep 17 00:00:00 2001 From: Sophie Shepherd Date: Thu, 19 Oct 2017 11:27:33 -0500 Subject: [PATCH] New reponsive layout/position utils --- modules/primer-marketing-utilities/lib/layout.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 modules/primer-marketing-utilities/lib/layout.scss diff --git a/modules/primer-marketing-utilities/lib/layout.scss b/modules/primer-marketing-utilities/lib/layout.scss new file mode 100644 index 00000000..c6d983c6 --- /dev/null +++ b/modules/primer-marketing-utilities/lib/layout.scss @@ -0,0 +1,13 @@ +// Layout utilities +// stylelint-disable block-opening-brace-space-before, primer/selector-no-utility, comment-empty-line-before + +// Responsive position utilities + +@each $breakpoint in map-keys($breakpoints) { + @include breakpoint($breakpoint) { + /* Set position to relative */ + .position-#{$breakpoint}-relative { position: relative !important; } + /* Set position to absolute */ + .position-#{$breakpoint}-absolute { position: absolute !important; } + } +}