mobile media queries

2018-11-20 11:23:55 -05:00
parent 494925c886
commit 29272f4930
1 changed files with 11 additions and 0 deletions
--- a/src/static/sass/components/_modal.scss
+++ b/src/static/sass/components/_modal.scss
@@ -12,6 +12,9 @@
   @include responsive(tab_port) {
      height: 38rem;
   }
+    @include responsive(phone) {
+       height: 50rem;
+    }

     
   &__container {
@@ -29,7 +32,11 @@
      @include responsive(tab_medium) {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0.966) 65%, transparent);
         width: 100%;
+      }

+      @include responsive(phone) {
+         padding-top: 1rem;
+         padding-left: 1rem; 
      }
   }

@@ -73,6 +80,10 @@
         width: 95%;
         color: rgba(255, 255, 255, 0.877); 
      }
+      @include responsive(phone) {
+         padding-top: 1rem;
+         font-size: 1.7rem;
+      }
   }

   &__btn {