tweak control spacing
This commit is contained in:
parent
fab28362ce
commit
b64c35ed0b
|
@ -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; }
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue