From 947db39e4b0e4560260400448b88500bf12a6f54 Mon Sep 17 00:00:00 2001 From: Virginia Dooley Date: Mon, 7 Nov 2022 15:17:31 +0000 Subject: [PATCH] Make radio selections more obvious --- system/partials/_radio.scss | 20 ++++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/system/partials/_radio.scss b/system/partials/_radio.scss index 80a66a5..a5aa33b 100644 --- a/system/partials/_radio.scss +++ b/system/partials/_radio.scss @@ -14,19 +14,30 @@ white-space: nowrap; width: 1px; } + .ds-field-radio > span { + order: 1px solid #dee0e2; + background-color: #dee0e2; + padding:1em; + margin: $ss2; + display: inline-block; + } .ds-field-radio > span::before { content: ''; border-radius: 50%; display: inline-block; - width: 0.75em; - height: 0.75em; + width: 1.5em; + height: 1.5em; border: 2px solid $black; - margin-right: $ss3; - vertical-align: -0.125em; + margin-right: $ss4; + vertical-align: middle; background-color: $white; } + .ds-field-radio > input:checked + span { + background-color: transparent !important; + } + .ds-field-radio > input:checked + span::before { background-color: $pinkForWhite; box-shadow: inset 0 0 0 $ss2 $white; @@ -36,5 +47,6 @@ text-decoration: underline; text-decoration-color: $amber; text-decoration-thickness: 2px; + outline: solid $amber; } } \ No newline at end of file