diff options
author | Martino <boldie@me.com> | 2020-02-05 14:16:15 +0100 |
---|---|---|
committer | Martino <boldie@me.com> | 2020-02-05 14:16:15 +0100 |
commit | ccb42c7ca9b97cdc0ec4a06dbbd7d3f4adff903c (patch) | |
tree | cf4ec0e27a70270b81d6e030de06b269bb945c5d /css/reveal.scss | |
parent | b6c890b1a70f59306f4311be1fe577f8159b76b7 (diff) | |
download | fosdem-2021-minimalism-presentation-ccb42c7ca9b97cdc0ec4a06dbbd7d3f4adff903c.tar fosdem-2021-minimalism-presentation-ccb42c7ca9b97cdc0ec4a06dbbd7d3f4adff903c.tar.gz |
Add RTL support to Controls
Add RTL support to Controls
Diffstat (limited to 'css/reveal.scss')
-rw-r--r-- | css/reveal.scss | 50 |
1 files changed, 48 insertions, 2 deletions
diff --git a/css/reveal.scss b/css/reveal.scss index 7dcec07..971a9c9 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -230,6 +230,12 @@ body { 30% {transform: translateX(-5px);} } +@keyframes bounce-left { + 0%, 10%, 25%, 40%, 50% {transform: translateX(0);} + 20% {transform: translateX(-10px);} + 30% {transform: translateX(5px);} +} + @keyframes bounce-down { 0%, 10%, 25%, 40%, 50% {transform: translateY(0);} 20% {transform: translateY(10px);} @@ -327,6 +333,10 @@ $controlsArrowAngleActive: 36deg; right: $controlArrowSize + $controlArrowSpacing*2; bottom: $controlArrowSpacing + $controlArrowSize/2; transform: translateX( -10px ); + + &.highlight { + animation: bounce-left 2s 50 both ease-out; + } } .navigate-right { @@ -371,7 +381,6 @@ $controlsArrowAngleActive: 36deg; // Back arrow style: "faded": // Deemphasize backwards navigation arrows in favor of drawing // attention to forwards navigation - &[data-controls-back-arrows="faded"] .navigate-left.enabled, &[data-controls-back-arrows="faded"] .navigate-up.enabled { opacity: 0.3; @@ -382,7 +391,6 @@ $controlsArrowAngleActive: 36deg; // Back arrow style: "hidden": // Never show arrows for backwards navigation - &[data-controls-back-arrows="hidden"] .navigate-left.enabled, &[data-controls-back-arrows="hidden"] .navigate-up.enabled { opacity: 0; visibility: hidden; @@ -408,6 +416,44 @@ $controlsArrowAngleActive: 36deg; } } +.reveal:not(.rtl) .controls { + // Back arrow style: "faded": + // Deemphasize left arrow + &[data-controls-back-arrows="faded"] .navigate-left.enabled { + opacity: 0.3; + + &:hover { + opacity: 1; + } + } + + // Back arrow style: "hidden": + // Never show left arrow + &[data-controls-back-arrows="hidden"] .navigate-left.enabled { + opacity: 0; + visibility: hidden; + } +} + +.reveal.rtl .controls { + // Back arrow style: "faded": + // Deemphasize right arrow in RTL mode + &[data-controls-back-arrows="faded"] .navigate-right.enabled { + opacity: 0.3; + + &:hover { + opacity: 1; + } + } + + // Back arrow style: "hidden": + // Never show right arrow in RTL mode + &[data-controls-back-arrows="hidden"] .navigate-right.enabled { + opacity: 0; + visibility: hidden; + } +} + .reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-up, .reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-down { display: none; |