@e280/authlocal
Version:
User-sovereign login system for everybody
53 lines (43 loc) • 795 B
text/typescript
import {css} from "@benev/slate"
export default css`
.zone {
position: relative;
&[x-drop-indicator] {
&::before {
border: 0.5rem dashed var(--seed);
border-radius: 1rem;
position: absolute;
display: flex;
content: "DROP SEED FILE";
justify-content: center;
align-items: center;
font-size: 2em;
font-weight: bold;
z-index: 1;
inset: 0;
margin: 0;
color: white;
background: color-mix(in lch, transparent, var(--seed) 25%);
backdrop-filter: blur(0.3em);
}
}
}
footer {
margin-top: 4em;
display: flex;
justify-content: center;
.persistence {
opacity: 0.5;
font-size: 0.8em;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5em;
svg {
width: 1.5em;
height: 1.5em;
stroke-width: 2;
}
}
}
`