From c1e6bc0f84ea5d894f6e1f2b0fcf999eaca50756 Mon Sep 17 00:00:00 2001 From: Andrew Croce Date: Thu, 20 Sep 2018 10:29:59 -0400 Subject: [PATCH] Adjust positioning of modal close button --- styles/components/_modal.scss | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/styles/components/_modal.scss b/styles/components/_modal.scss index 8893338b..60d97865 100644 --- a/styles/components/_modal.scss +++ b/styles/components/_modal.scss @@ -52,9 +52,19 @@ $fixed-footer-height: 5rem + ($gap * 4); .modal__dismiss { position: absolute; - top: 0; - right: 0; + top: $gap; + right: $gap; width: 8rem; + + @include media($medium-screen) { + top: $gap * 2; + right: $gap * 2; + } + + @include media($large-screen) { + top: $gap * 4; + right: $gap * 4; + } } .block-list {