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
44 lines (33 loc) • 635 B
CSS
body {
min-height: 100vh;
}
[data-measuring=true] {
cursor: crosshair;
}
body:not([testing]) [data-selected=true] {
transition: all 0.15s ease;
}
[data-pseudo-select=true] {
outline: 1px dashed hsl(267, 100%, 58%);
}
[data-selected-hide=true][data-selected=true]:after {
display: none;
}
[data-selected=true][contenteditable=true] {
caret-color: hotpink;
}
[data-pinhover=true] {
cursor: crosshair;
}
[data-metatip=true][data-pinhover=true] {
cursor: not-allowed;
}
[draggable=true] {
cursor: grab;
&:active {
cursor: grabbing;
}
& :matches(a, img) {
-webkit-user-drag: none ;
}
}