Undershoot effect without the dotted line
parent
cc6d6d86b3
commit
9848d0f9a4
|
@ -68,9 +68,9 @@
|
||||||
$_bg_pos: $position center;
|
$_bg_pos: $position center;
|
||||||
}
|
}
|
||||||
|
|
||||||
background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
|
/*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
|
||||||
$_undershoot_color_light 50%,
|
$_undershoot_color_light 50%,
|
||||||
$_undershoot_color_dark 50%);
|
$_undershoot_color_dark 50%);*/
|
||||||
|
|
||||||
padding-#{$position}: 1px;
|
padding-#{$position}: 1px;
|
||||||
background-size: $_dash_bg_size;
|
background-size: $_dash_bg_size;
|
||||||
|
|
|
@ -35,10 +35,10 @@
|
||||||
to(alpha($_big_gradient_color, 0)));
|
to(alpha($_big_gradient_color, 0)));
|
||||||
|
|
||||||
@if $type == normal {
|
@if $type == normal {
|
||||||
background-image: none;
|
background-image: $_small_gradient, $_big_gradient;
|
||||||
background-size: $_small_gradient_size, $_big_gradient_size;
|
background-size: $_small_gradient_size, $_big_gradient_size;
|
||||||
} @else if $type == backdrop {
|
} @else if $type == backdrop {
|
||||||
background-image: none;
|
background-image: $_small_gradient;
|
||||||
background-size: $_small_gradient_size;
|
background-size: $_small_gradient_size;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -68,7 +68,9 @@
|
||||||
$_bg_pos: $position center;
|
$_bg_pos: $position center;
|
||||||
}
|
}
|
||||||
|
|
||||||
background-image: none;
|
/*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
|
||||||
|
$_undershoot_color_light 50%,
|
||||||
|
$_undershoot_color_dark 50%);*/
|
||||||
|
|
||||||
padding-#{$position}: 1px;
|
padding-#{$position}: 1px;
|
||||||
background-size: $_dash_bg_size;
|
background-size: $_dash_bg_size;
|
||||||
|
|
Loading…
Reference in New Issue