fix(radio): thick border is only supposed to get used on checked state (#432)

mfranzke · web-flow · commit 624e98291034 · 2023-04-26T15:52:07.000+02:00
fix: the thick border is only supposed to get used on checked state
diff --git a/source/_patterns/01-elements/radio/radio.scss b/source/_patterns/01-elements/radio/radio.scss
@@ -31,9 +31,7 @@
 		background-color: rgba(40, 45, 55, 0.3);
 	}
 
-	&:checked,
-	&:invalid,
-	&[aria-invalid="true"] {
+	&:checked {
 		border-width: to-em($pxValue: 6);
 	}
 	// * the invalid style using the :invalid pseudo class (and [aria-invalid="true"] equivalent, see #136 and #141)

Original file line number	Diff line number	Diff line change
`@@ -31,9 +31,7 @@`
`31`	`31`	`background-color: rgba(40, 45, 55, 0.3);`
`32`	`32`	`}`
`33`	`33`
`34`		`- &:checked,`
`35`		`- &:invalid,`
`36`		`- &[aria-invalid="true"] {`
	`34`	`+ &:checked {`
`37`	`35`	`border-width: to-em($pxValue: 6);`
`38`	`36`	`}`
`39`	`37`	`// * the invalid style using the :invalid pseudo class (and [aria-invalid="true"] equivalent, see #136 and #141)`