new 'r-stack' helper class for stacking & centering multiple elements

js/config.js

@@ -72,15 +72,18 @@ export default {
 	keyboard: true,
 
 	// Optional function that blocks keyboard events when retuning false
+	//
+	// If you set this to 'foucsed', we will only capture keyboard events
+	// for embdedded decks when they are in focus
 	keyboardCondition: null,
 
+	// Disables the default reveal.js slide layout (scaling and centering)
+	// so that you can use custom CSS layout
+	disableLayout: false,
+
 	// Enable the slide overview mode
 	overview: true,
 
-	// Disables the default reveal.js slide layout so that you can use
-	// custom CSS layout
-	disableLayout: false,
-
 	// Vertical centering of slides
 	center: true,
 

js/reveal.js

@@ -892,8 +892,8 @@ export default function( revealElement, options ) {
 	 */
 	function layoutSlideContents( width, height ) {
 
-		// Handle sizing of elements with the 'stretch' class
-		Util.queryAll( dom.slides, 'section > .stretch' ).forEach( element => {
+		// Handle sizing of elements with the 'r-stretch' class
+		Util.queryAll( dom.slides, 'section > .stretch, section > .r-stretch' ).forEach( element => {
 
 			// Determine how much vertical space we can use
 			let remainingHeight = Util.getRemainingHeight( element, height );