From 21554157677db983459850493c6075b29beae29f Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 28 Jun 2016 12:23:40 +0200 Subject: more flexible back arrow controls option --- css/reveal.scss | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) (limited to 'css/reveal.scss') diff --git a/css/reveal.scss b/css/reveal.scss index ead768b..3127453 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -333,11 +333,11 @@ body { transform: translateX(-50%) rotate( -90deg ); } - // The deemphasize back arrows option strongly deemphasizes - // backwards navigation in favor of drawing attention to - // forwards navigation - &.deemphasize-back-arrows .navigate-left.enabled, - &.deemphasize-back-arrows .navigate-up.enabled { + // Back arrow style: "deemphasized": + // Strongly deemphasizes backwards navigation in favor of drawing + // attention to forwards navigation + &[data-controls-back-arrows="deemphasized"] .navigate-left.enabled, + &[data-controls-back-arrows="deemphasized"] .navigate-up.enabled { opacity: 0.3; &:hover { @@ -345,6 +345,14 @@ body { } } + // Back arrow style: "hidden": + // Never shows any arrows for backwards navigation + &[data-controls-back-arrows="hidden"] .navigate-left.enabled, + &[data-controls-back-arrows="hidden"] .navigate-up.enabled { + opacity: 0; + visibility: hidden; + } + // Any control button that can be clicked is "enabled" .enabled { visibility: visible; -- cgit v1.2.3