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