From bff9803fecb3b902aa4c8659e33d9c20b8c7ad07 Mon Sep 17 00:00:00 2001 From: Filip Znachor Date: Wed, 1 May 2024 18:04:41 +0200 Subject: [PATCH] Better checkbox & radio border --- src/checkbox.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/checkbox.css b/src/checkbox.css index 4e04bc5..33e16e8 100644 --- a/src/checkbox.css +++ b/src/checkbox.css @@ -30,7 +30,7 @@ label.cbox > input + *::before { border-radius: 50%; aspect-ratio: 1 / 1; border: var(--synergy-border-width) solid var(--synergy-border); - transition: background .1s, box-shadow .2s; + transition: background .1s, box-shadow .2s, border-color .1s; background: var(--synergy-bg); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); grid-area: box; @@ -38,6 +38,7 @@ label.cbox > input + *::before { label.cbox > input:checked + *::before { background: var(--synergy-border-active); + border-color: transparent; } label.cbox > input:focus-visible + *::before {