down arrow padding for edge aligned controls

main
Hakim El Hattab 4 years ago
parent 9108519dc1
commit a1dd1028a1
  1. 8
      css/reveal.css
  2. 4
      css/reveal.scss

@ -396,18 +396,18 @@ body {
right: auto; }
.reveal .controls[data-controls-layout="edges"] .navigate-left {
top: 50%;
left: 8px;
left: 0.8em;
margin-top: -1.8em; }
.reveal .controls[data-controls-layout="edges"] .navigate-right {
top: 50%;
right: 8px;
right: 0.8em;
margin-top: -1.8em; }
.reveal .controls[data-controls-layout="edges"] .navigate-up {
top: 8px;
top: 0.8em;
left: 50%;
margin-left: -1.8em; }
.reveal .controls[data-controls-layout="edges"] .navigate-down {
bottom: 8px;
bottom: -0.3em;
left: 50%;
margin-left: -1.8em; } }

@ -453,7 +453,7 @@ $controlsArrowAngleActive: 36deg;
// Edge aligned controls layout
@media screen and (min-width: 500px) {
$spacing: 8px;
$spacing: 0.8em;
.reveal .controls[data-controls-layout="edges"] {
& {
@ -490,7 +490,7 @@ $controlsArrowAngleActive: 36deg;
}
.navigate-down {
bottom: $spacing;
bottom: $spacing - $controlArrowSpacing + 0.3em;
left: 50%;
margin-left: -$controlArrowSize/2;
}

Loading…
Cancel
Save