37 lines
641 B
SCSS
37 lines
641 B
SCSS
@mixin arrow {
|
|
$width: 40%;
|
|
$height: 8px;
|
|
$background: linear-gradient(
|
|
90deg,
|
|
rgba(0, 38, 81, 1) 0%,
|
|
rgba(242, 52, 52, 1) 34%,
|
|
#fab347 50%,
|
|
#fab347 64%,
|
|
rgba(242, 52, 52, 1) 94%,
|
|
transparent 100%
|
|
);
|
|
|
|
div.arrow {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
|
|
margin-top: -2.5px;
|
|
|
|
transform-origin: top left;
|
|
|
|
width: $width;
|
|
height: $height;
|
|
|
|
background-image: $background;
|
|
|
|
border-radius: 0 1em 1em 0;
|
|
|
|
z-index: 2;
|
|
|
|
transform: rotate(-270deg);
|
|
|
|
transition: all 1s;
|
|
}
|
|
}
|