iot-settings/src/components/measurement.circle.arrow.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;
}
}