1
0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-22 06:13:41 +02:00

control size tweaks

This commit is contained in:
Hakim El Hattab
2016-04-26 11:08:10 +02:00
parent 69c72b9e08
commit 8a09557699
2 changed files with 32 additions and 30 deletions

View File

@@ -314,21 +314,21 @@ body {
.reveal .controls[data-controls-type="edges"] {
$size: 44px;
$length: floor($size * 0.75);
$size: 50px;
$length: floor($size * 0.6);
$spacing: 18px;
$thickness: 5px;
$angle: 40deg;
$angleHover: 36deg;
$angleActive: 34deg;
$angle: 44deg;
$angleHover: 40deg;
$angleActive: 36deg;
@mixin arrowTransform( $angle ) {
&:before {
transform: translateY(($size - $thickness)/2) rotate( $angle );
transform: translateX(($size - $length)/2) translateY(($size - $thickness)/2) rotate( $angle );
}
&:after {
transform: translateY(($size - $thickness)/2) rotate( -$angle );
transform: translateX(($size - $length)/2) translateY(($size - $thickness)/2) rotate( -$angle );
}
}
@@ -388,14 +388,15 @@ body {
cursor: pointer;
}
.enabled:hover {
opacity: 1;
}
.enabled.fragmented {
opacity: 0.3;
}
.enabled:hover,
.enabled.fragmented:hover {
opacity: 1;
}
.navigate-left {
top: 50%;
left: $spacing;