From b52501576548fd57e143651dcc2adb677311f683 Mon Sep 17 00:00:00 2001 From: Tom Byers Date: Wed, 16 Sep 2020 14:00:15 +0100 Subject: [PATCH] Bump styles for existing GOVUK Frontend radios We have some radios using the GOVUK Frontend radios component in this app. They are version 2.x.x though so this bumps their styles to version 3.x.x to get the new focus style. --- app/assets/stylesheets/govuk-frontend/focus/components.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/govuk-frontend/focus/components.scss b/app/assets/stylesheets/govuk-frontend/focus/components.scss index 41819c85a..722e77225 100644 --- a/app/assets/stylesheets/govuk-frontend/focus/components.scss +++ b/app/assets/stylesheets/govuk-frontend/focus/components.scss @@ -177,8 +177,9 @@ $govuk-radios-focus-width: $govuk-focus-width + 1px; background: currentColor; } -// Focused state -.multiple-choice [type=radio]:focus + label::before { +// Focused state (includes targeting for GOVUK radios, to apply version 3.x.x styles) +.multiple-choice [type=radio]:focus + label::before, +.govuk-radios__input:focus + .govuk-radios__label::before { border-width: 4px; // Since box-shadows are removed when users customise their colours we set a // transparent outline that is shown instead.