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:
@@ -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;
|
||||
|
Reference in New Issue
Block a user