[Frontend] Add grab affordance styling on hover

Fixes #1415
This commit is contained in:
Charles Hacskaylo 2017-01-27 13:58:38 -08:00
parent 65bf38d5e6
commit d1e7e7894e

View File

@ -351,13 +351,13 @@
$grabTicksYOffset: (($r1H - $grabTicksH) / 2) - 2px; $grabTicksYOffset: (($r1H - $grabTicksH) / 2) - 2px;
@include cursorGrab(); @include cursorGrab();
&:hover { &:hover {
$c0: rgba($colorBodyFg, 0.05); $c0: rgba($colorBodyFg, 0.1);
$c2: transparent; // Bg $c2: transparent; // Bg
@include background-image(linear-gradient( @include background-image(linear-gradient(
$c0 70%, $c2 100% $c0 70%, $c2 100%
)); ));
svg { svg {
$c1: rgba($colorBodyFg, 0.15); // Line $c1: rgba($colorBodyFg, 0.2); // Line
$angle: 90deg; $angle: 90deg;
@include background-image(linear-gradient($angle, @include background-image(linear-gradient($angle,
$c1 1px, $c2 1px, $c1 1px, $c2 1px,