iot-settings/src/components/measurement.circle.warn.scss

25 lines
434 B
SCSS

@mixin warn {
$color: #ee0e0e;
$size: 20px;
div.warn {
position: absolute;
top: -#{$size};
left: -#{$size};
width: calc(100% + #{$size * 2});
height: calc(100% + #{$size * 2});
border-radius: 50%;
z-index: -1;
background-color: $color;
clip: rect(0, calc(20vw + #{$size}), calc(20vw + #{$size}), 0);
transform: rotate(90deg);
}
}