Variables
| Property | Value |
|---|---|
--font-size | clamp(100%, min(2vw, 1rem), 16px) |
--font-family | inherit,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" |
--margin | 0.25em |
--padding | 0.5em |
--gap | 0.5em |
--landscape-padding | var(--padding) calc(var(--padding) * 2) |
--circle-radius | 50vmax |
--border-radius | 0.5em |
--border-width | 0.1em |
--border-color | rgba(var(--accent-rgb), var(--less-opaque)) |
--border-color-active | rgba(var(--accent-rgb), var(--medium-opaque)) |
--border | solid var(--border-color) var(--border-width) |
--opaque | 1 |
--less-opaque | 0.25 |
--medium-opaque | 0.5 |
--high-opaque | 0.75 |
--transparent | 0 |
--bg-rgb | var(--ct-bg-rgb, 0, 255, 215) |
--accent-rgb | var(--bg-rgb) |
--accent | rgb(var(--bg-rgb)) |
--color-rgb | var(--ct-color-rgb, 255, 255, 255) |
--color | rgb(var(--color-rgb)) |
--drop | drop-shadow(0 0 0.25em rgba(0, 0, 0, var(--medium-opaque))) |
--duration | 0.4s |
--easing-fn | ease |
--square-aspect | 1 |
--rect-aspect | 2/1 |
--blur | blur(0.5em) |
--min-chars | 25ch |
--max-chars | 50ch |
--grain-img | texture-image |
--disabled-opacity | 0.75 |