mirror of
https://github.com/Noratrieb/slides.git
synced 2026-01-14 16:35:07 +01:00
more flexible back arrow controls option
This commit is contained in:
parent
e45a425575
commit
2155415767
3 changed files with 25 additions and 12 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue