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 edfd399a2a27b6a9fbe91c0cd9af11d5b2f97b5f..70a8d3d371e7fa432b243941e0a7fd88e44ddda6 100644 (file)
--- 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 b18538addf66a39a3b8fd3fdaa5cc3a1a4bc4491..d0a8b81ea9d3a00ef2315eb9609b7684eb81295b 100644 (file)
--- 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