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 {
bottom: 1.4em;
right: 6.4em; }
right: 5.5em; }
.reveal:not(.has-vertical-slides) .controls .navigate-right {
bottom: 1.4em;
right: 1.4em; }
right: 0.5em; }
.reveal:not(.has-horizontal-slides) .controls .navigate-up {
right: 1.4em;
bottom: 6.4em; }
bottom: 5em; }
.reveal:not(.has-horizontal-slides) .controls .navigate-down {
right: 1.4em;
bottom: 1.4em; }
bottom: 0.5em; }
.reveal.has-dark-background .controls {
color: #fff; }

View file

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