25 lines
434 B
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);
|
|
}
|
|
}
|