From 0e6094676d0d92958a205d55c3458f2c216bf5b0 Mon Sep 17 00:00:00 2001 From: Andrew Suzuki Date: Mon, 6 Jun 2016 12:55:34 -0400 Subject: [PATCH] modal responsiveness --- src/sass/components/_modal-alpha.scss | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/src/sass/components/_modal-alpha.scss b/src/sass/components/_modal-alpha.scss index 23a3eff..ccf0611 100644 --- a/src/sass/components/_modal-alpha.scss +++ b/src/sass/components/_modal-alpha.scss @@ -1,5 +1,27 @@ -.modal-alpha { +.modal-alpha { + div:nth-of-type(2) { + @include media-breakpoint-up(xl) { + width: 600px; + } + + @include media-breakpoint-only(lg) { + min-width: 50vw; + } + + @include media-breakpoint-only(md) { + width: 70%; + } + + @include media-breakpoint-only(sm) { + width: 80%; + } + + @include media-breakpoint-down(xs) { + width: 95%; + } + } + .modal-content { - min-width: 33vw; + width: 100%; } }