diff options
Diffstat (limited to 'src/app/main.css')
-rw-r--r-- | src/app/main.css | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/app/main.css b/src/app/main.css index 18afc41..bd52df1 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -236,6 +236,49 @@ button { justify-content: space-between; } +.popup .overlay { + z-index: 1; + color: white; + opacity: 0.0; + position: fixed; + pointer-events: none; + transform: scale(0.9); + background: var(--selbg); + backdrop-filter: blur(15px); + transition: 0.15s ease-in-out; + padding: calc(var(--spacing) / 2); + border-radius: calc(var(--spacing) / 2); +} + +.popup .overlay.shown { + opacity: 1.0; + pointer-events: all; + transform: scale(1.0); +} + +.checks { +} + +.check { + display:flex; + cursor: pointer; +} + +.check::before { + width: 1em; + height: 1em; + content: " "; + filter: brightness(1.3); + background: var(--selbg); + transition: 0.15s ease-in-out; + margin-right: calc(var(--spacing) / 3); + border-radius: calc(var(--spacing) / 4); +} + +.check.checked::before { + background: rgb(var(--red)); +} + .option .text {font-weight: 600} .option .text .desc { opacity: 0.8; |