From: Jeffrey de Graaf <jegr@avivasolutions.nl>
Date: Sun, 5 Mar 2017 14:45:33 +0000 (+0100)
Subject: Reveal Overlay additionalOverlayClassNames
X-Git-Tag: v6.4.0-rc1~103^2~2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=934d0235e22a7efb9d2ba4f8a9ee5f504518a042;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Reveal Overlay additionalOverlayClassNames

As requested in #9822. Adding additional classes to `reveal-overlay`
element.

Not the possibility to replace the class, since many styling and some JS
handles react on this class.
---

diff --git a/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss b/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss
index edfd399a2..70a8d3d37 100644
--- a/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss
+++ b/_vendor/normalize-scss/sass/normalize/_normalize-mixin.scss
@@ -424,7 +424,7 @@
     optgroup,
     select,
     textarea {
-      font-family: inherit; /* 1 */
+      font-family: $base-font-family; /* 1 */
       font-size: 100%; /* 1 */
       @if $normalize-vertical-rhythm {
         line-height: ($base-line-height / $base-font-size) * 1em; /* 1 */
diff --git a/js/foundation.reveal.js b/js/foundation.reveal.js
index b18538add..d0a8b81ea 100644
--- a/js/foundation.reveal.js
+++ b/js/foundation.reveal.js
@@ -82,7 +82,7 @@ class Reveal {
    */
   _makeOverlay() {
     return $('<div></div>')
-      .addClass('reveal-overlay')
+      .addClass('reveal-overlay' + ' ' + this.options.additionalOverlayClassNames)
       .appendTo(this.options.appendTo);
   }
 
@@ -581,8 +581,14 @@ Reveal.defaults = {
    * @type {string}
    * @default "body"
    */
-  appendTo: "body"
-
+  appendTo: "body",
+  /**
+   * Allows adding additional class names to the reveal overlay
+   * @option
+   * @type {string}
+   * @default ''
+   */
+  additionalOverlayClassNames: ''
 };
 
 // Window exports