modal responsiveness

core · Jun 6, 2016 · 0e60946 · 0e60946
1 parent 9fa63b9
commit 0e60946
Showing 1 changed file with 24 additions and 2 deletions.
diff --git 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%;
   }
 }