down arrow padding for edge aligned controls
parent
9108519dc1
commit
a1dd1028a1
|
@ -396,18 +396,18 @@ body {
|
||||||
right: auto; }
|
right: auto; }
|
||||||
.reveal .controls[data-controls-layout="edges"] .navigate-left {
|
.reveal .controls[data-controls-layout="edges"] .navigate-left {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 8px;
|
left: 0.8em;
|
||||||
margin-top: -1.8em; }
|
margin-top: -1.8em; }
|
||||||
.reveal .controls[data-controls-layout="edges"] .navigate-right {
|
.reveal .controls[data-controls-layout="edges"] .navigate-right {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
right: 8px;
|
right: 0.8em;
|
||||||
margin-top: -1.8em; }
|
margin-top: -1.8em; }
|
||||||
.reveal .controls[data-controls-layout="edges"] .navigate-up {
|
.reveal .controls[data-controls-layout="edges"] .navigate-up {
|
||||||
top: 8px;
|
top: 0.8em;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -1.8em; }
|
margin-left: -1.8em; }
|
||||||
.reveal .controls[data-controls-layout="edges"] .navigate-down {
|
.reveal .controls[data-controls-layout="edges"] .navigate-down {
|
||||||
bottom: 8px;
|
bottom: -0.3em;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -1.8em; } }
|
margin-left: -1.8em; } }
|
||||||
|
|
||||||
|
|
|
@ -453,7 +453,7 @@ $controlsArrowAngleActive: 36deg;
|
||||||
// Edge aligned controls layout
|
// Edge aligned controls layout
|
||||||
@media screen and (min-width: 500px) {
|
@media screen and (min-width: 500px) {
|
||||||
|
|
||||||
$spacing: 8px;
|
$spacing: 0.8em;
|
||||||
|
|
||||||
.reveal .controls[data-controls-layout="edges"] {
|
.reveal .controls[data-controls-layout="edges"] {
|
||||||
& {
|
& {
|
||||||
|
@ -490,7 +490,7 @@ $controlsArrowAngleActive: 36deg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigate-down {
|
.navigate-down {
|
||||||
bottom: $spacing;
|
bottom: $spacing - $controlArrowSpacing + 0.3em;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -$controlArrowSize/2;
|
margin-left: -$controlArrowSize/2;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue