From 0b0ad0b16c7e630064f3614ae65acd96c1126a8b Mon Sep 17 00:00:00 2001
From: Dom Smith <dom@teneightfive.com>
Date: Wed, 18 Jan 2017 16:25:27 +0000
Subject: [PATCH] Update selection button

Some changes had been made to the base we used for selection buttons
from GDS. This PR documents a lot of the considerations that were
made during developing this component:
https://github.com/alphagov/govuk_elements/pull/296/
---
 assets/stylesheets/components/_selection-button.scss | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/assets/stylesheets/components/_selection-button.scss b/assets/stylesheets/components/_selection-button.scss
index 0af6155a..28be203e 100644
--- a/assets/stylesheets/components/_selection-button.scss
+++ b/assets/stylesheets/components/_selection-button.scss
@@ -30,10 +30,11 @@ $_radio-spacing: ($_element-size - $_radio-size) / 2;
 
   @if ($is-ie == false) or ($ie-version == 9) {
     .js-enabled & {
-      @extend %visuallyhidden;
+      filter: alpha(opacity=0);
       height: $_element-size;
       left: 0;
-      margin-right: 0;
+      margin: 0;
+      opacity: 0;
       position: absolute;
       top: 0;
       width: $_element-size;
@@ -67,16 +68,16 @@ $_radio-spacing: ($_element-size - $_radio-size) / 2;
     }
 
     &::after {
-      background: currentColor;
+      border: 10px solid;
       border-radius: 50%;
       content: "";
       filter: alpha(opacity=0);
-      height: $_radio-size;
+      height: 0;
       left: $_radio-spacing;
       opacity: 0;
       position: absolute;
       top: $_radio-spacing;
-      width: $_radio-size;
+      width: 0;
       zoom: 1;
     }
   }