From 8a09557699d94d9128f98ce5115245d1bd1f68db Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 26 Apr 2016 11:08:10 +0200 Subject: control size tweaks --- css/reveal.scss | 23 ++++++++++++----------- 1 file changed, 12 insertions(+), 11 deletions(-) (limited to 'css/reveal.scss') diff --git a/css/reveal.scss b/css/reveal.scss index 627e196..2561309 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -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; -- cgit v1.2.3