Fix Duplicate MQ errors in reveal

foundation · Jul 28, 2014 · ae647c8 · ae647c8
1 parent 82ed782
commit ae647c8
Showing 1 changed file with 23 additions and 25 deletions.
diff --git a/scss/foundation/components/_reveal.scss b/scss/foundation/components/_reveal.scss
@@ -179,32 +179,30 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
       visibility: visible;
     }
 
-    @media #{$medium-up} {
-
-      dialog, .#{$reveal-modal-class} {
-        @include reveal-modal-style($padding:$reveal-modal-padding * 1.5);
-
-        &.radius { @include reveal-modal-style($radius:true); }
-        &.round  { @include reveal-modal-style($radius:$reveal-round); }
-
-        &.collapse { @include reveal-modal-style($padding:0); }
-
-        &.tiny  { @include reveal-modal-base(false, 30%); }
-        &.small { @include reveal-modal-base(false, 40%); }
-        &.medium  { @include reveal-modal-base(false, 60%); }
-        &.large { @include reveal-modal-base(false, 70%); }
-        &.xlarge { @include reveal-modal-base(false, 95%); }
-      }
+    dialog, .#{$reveal-modal-class} {
+      @include reveal-modal-style($padding:$reveal-modal-padding * 1.5);
+
+      &.radius { @include reveal-modal-style($radius:true); }
+      &.round  { @include reveal-modal-style($radius:$reveal-round); }
+
+      &.collapse { @include reveal-modal-style($padding:0); }
+
+      &.tiny  { @include reveal-modal-base(false, 30%); }
+      &.small { @include reveal-modal-base(false, 40%); }
+      &.medium  { @include reveal-modal-base(false, 60%); }
+      &.large { @include reveal-modal-base(false, 70%); }
+      &.xlarge { @include reveal-modal-base(false, 95%); }
+    }
 
-      dialog, .#{$reveal-modal-class} {
-        &.full {
-          @include reveal-modal-base(false, 100vw);
-          top:0;
-          left:0;
-          height: 100vh;
-          min-height:100vh;
-          margin-left: 0 !important;
-        }
+    dialog, .#{$reveal-modal-class} {
+      &.full {
+        @include reveal-modal-base(false, 100vw);
+        top:0;
+        left:0;
+        height:100%;
+        height: 100vh;
+        min-height:100vh;
+        margin-left: 0 !important;
       }
     }