mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-20 13:31:55 +02:00
Code Issues Releases Wiki Activity

control layout tweaks

Browse Source
This commit is contained in:
Hakim El Hattab
2017-05-17 17:10:17 +02:00
parent c966672aa4
commit d770f32bb9
2 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
css/reveal.scss
View File

@@ -419,27 +419,31 @@ $controlArrowThickness: 0.5em;
}
// 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: 1.2em;
right: 2.2em + $controlArrowSize;
}
.reveal:not(.has-vertical-slides) .controls .navigate-right {
bottom: 10px;
bottom: 1.2em;
right: 1.2em;
}
.reveal:not(.has-horizontal-slides) .controls .navigate-up,
.reveal:not(.has-horizontal-slides) .controls .navigate-down {
right: 10px;
}
.reveal:not(.has-horizontal-slides) .controls .navigate-up {
bottom: $controlArrowSpacing*1.5 + $controlArrowSize/2;
right: 1.2em;
bottom: 2.2em + $controlArrowSize;
}
.reveal:not(.has-horizontal-slides) .controls .navigate-down {
right: 1.2em;
bottom: 1.2em;
}
.reveal.has-dark-background .controls .pagination-arrow:after,
.reveal.has-dark-background .controls .pagination-arrow:before {
background-color: #fff;
.reveal.has-dark-background .controls {
color: #fff;
}
.reveal.has-light-background .controls .pagination-arrow:after,
.reveal.has-light-background .controls .pagination-arrow:before {
background-color: #000;
.reveal.has-light-background .controls {
color: #000;
}
// Edge aligned controls layout