mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-28 08:50:24 +02:00
Code Issues Releases Wiki Activity

more flexible back arrow controls option

Browse Source
This commit is contained in:
Hakim El Hattab
2016-06-28 12:23:40 +02:00
parent e45a425575
commit 2155415767
3 changed files with 25 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/reveal.scss
View File

@@ -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;