A political conference and discussion platform, in Rust and Dioxus
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041/* DESIGN (M3 checkbox): a larger, outlined box that fills primary when checked, with a tactile press — matching the M3 Expressive switch. */.dx-checkbox { width: 1.25rem; height: 1.25rem; box-sizing: border-box; padding: 0; border: none; border-radius: 5px; margin: 0; background-color: transparent; box-shadow: inset 0 0 0 2px var(--md-sys-color-outline, var(--primary-color-7)); color: var(--md-sys-color-on-primary); cursor: pointer; transition: background-color 160ms ease, box-shadow 160ms ease, transform 200ms var(--md-sys-motion-spring-spatial-fast, ease);}
.dx-checkbox:active { transform: scale(0.9);}
.dx-checkbox-indicator { display: flex; align-items: center; justify-content: center;}
.dx-checkbox[data-state="checked"] { /* M3 accent (Radikale green) box with a white check. */ background-color: var(--md-sys-color-primary); box-shadow: none; color: var(--md-sys-color-on-primary);}
.dx-checkbox:focus-visible { box-shadow: 0 0 0 2px var(--focused-border-color);}