From: ste101 <stephan_bauer@gmx.de>
Date: Tue, 29 Jul 2014 13:53:36 +0000 (+0200)
Subject: [FEATURE] Add max-width and border-radius
X-Git-Tag: v5.4.1~27^2^2
X-Git-Url: http://git.ipfire.org/gitweb/?a=commitdiff_plain;h=refs%2Fpull%2F5516%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

[FEATURE] Add max-width and border-radius
---

diff --git a/scss/foundation/components/_reveal.scss b/scss/foundation/components/_reveal.scss
index 7143299dc..e5f50a238 100755
--- a/scss/foundation/components/_reveal.scss
+++ b/scss/foundation/components/_reveal.scss
@@ -19,6 +19,7 @@ $reveal-overlay-bg-old: #000 !default;
 $reveal-modal-bg: #fff !default;
 $reveal-position-top: rem-calc(100) !default;
 $reveal-default-width: 80% !default;
+$reveal-max-width: $row-width !default;
 $reveal-modal-padding: rem-calc(20) !default;
 $reveal-box-shadow: 0 0 10px rgba(#000,.4) !default;
 
@@ -65,7 +66,9 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
 //
 @mixin reveal-modal-base(
   $base-style:true,
-  $width:$reveal-default-width) {
+  $width:$reveal-default-width,
+  $max-width:$reveal-max-width,
+  $border-radius: $reveal-radius) {
   @if $base-style {
     visibility: hidden;
     display: none;
@@ -73,13 +76,11 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
     z-index: 100;
     width: 100vw;
     top:0;
+    border-radius: $border-radius; 
     #{$default-float}: 0;
     @media #{$small-only} {
       min-height:100vh;
     }
-    @media #{$medium-up} {
-      #{$default-float}: 50%;
-    }
 
     // Make sure rows don't have a min-width on them
     .column,
@@ -92,8 +93,11 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
 
   @if $width {
     @media #{$medium-up} {
-      margin-#{$default-float}: -($width / 2);
       width: $width;
+      max-width: $max-width;
+      left: 0;
+      right: 0;
+      margin: 0 auto;
     }
   }
 }