tweak control spacing

This commit is contained in:
Hakim El Hattab 2017-05-22 11:50:18 +02:00
parent fab28362ce
commit b64c35ed0b
2 changed files with 9 additions and 8 deletions

View File

@ -356,19 +356,19 @@ body {
.reveal:not(.has-vertical-slides) .controls .navigate-left { .reveal:not(.has-vertical-slides) .controls .navigate-left {
bottom: 1.4em; bottom: 1.4em;
right: 6.4em; } right: 5.5em; }
.reveal:not(.has-vertical-slides) .controls .navigate-right { .reveal:not(.has-vertical-slides) .controls .navigate-right {
bottom: 1.4em; bottom: 1.4em;
right: 1.4em; } right: 0.5em; }
.reveal:not(.has-horizontal-slides) .controls .navigate-up { .reveal:not(.has-horizontal-slides) .controls .navigate-up {
right: 1.4em; right: 1.4em;
bottom: 6.4em; } bottom: 5em; }
.reveal:not(.has-horizontal-slides) .controls .navigate-down { .reveal:not(.has-horizontal-slides) .controls .navigate-down {
right: 1.4em; right: 1.4em;
bottom: 1.4em; } bottom: 0.5em; }
.reveal.has-dark-background .controls { .reveal.has-dark-background .controls {
color: #fff; } color: #fff; }

View File

@ -421,21 +421,22 @@ $controlsArrowAngleActive: 36deg;
// Adjust the layout when there are no vertical slides // Adjust the layout when there are no vertical slides
.reveal:not(.has-vertical-slides) .controls .navigate-left { .reveal:not(.has-vertical-slides) .controls .navigate-left {
bottom: $controlArrowSpacing; bottom: $controlArrowSpacing;
right: $controlArrowSpacing*2 + $controlArrowSize; right: 0.5em + $controlArrowSpacing + $controlArrowSize;
} }
.reveal:not(.has-vertical-slides) .controls .navigate-right { .reveal:not(.has-vertical-slides) .controls .navigate-right {
bottom: $controlArrowSpacing; bottom: $controlArrowSpacing;
right: $controlArrowSpacing; right: 0.5em;
} }
// Adjust the layout when there are no horizontal slides
.reveal:not(.has-horizontal-slides) .controls .navigate-up { .reveal:not(.has-horizontal-slides) .controls .navigate-up {
right: $controlArrowSpacing; right: $controlArrowSpacing;
bottom: $controlArrowSpacing*2 + $controlArrowSize; bottom: $controlArrowSpacing + $controlArrowSize;
} }
.reveal:not(.has-horizontal-slides) .controls .navigate-down { .reveal:not(.has-horizontal-slides) .controls .navigate-down {
right: $controlArrowSpacing; right: $controlArrowSpacing;
bottom: $controlArrowSpacing; bottom: 0.5em;
} }
// Invert arrows based on background color // Invert arrows based on background color