visbug-lib
Version:
<p align="center"> <img src="./assets/visbug.png" width="300" height="300" alt="visbug"> <br> <a href="https://www.npmjs.org/package/visbug"><img src="https://img.shields.io/npm/v/visbug.svg?style=flat" alt="npm latest version number"></a> <a href
38 lines (32 loc) • 598 B
CSS
@import "../_variables.css";
:host rect {
width: 5px;
height: 5px;
vector-effect: non-scaling-stroke;
stroke: var(--theme-purple);
stroke-width: 1px;
fill: none;
stroke-linecap: round;
stroke-dasharray: 10px;
stroke-dashoffset: 5px;
x: 1px;
y: 1px;
&:nth-child(2) {
x: calc(100% - 6px);
y: 1px;
stroke-dashoffset: 0;
}
&:nth-child(3) {
x: calc(100% - 6px);
y: calc(100% - 6px);
stroke-dashoffset: 15px;
}
&:nth-child(4) {
x: 1px;
y: calc(100% - 6px);
stroke-dashoffset: 10px;
}
}
:host > svg {
z-index: var(--layer-5);
}