Skip to content
This repository has been archived by the owner on Jun 20, 2018. It is now read-only.

Commit

Permalink
Update selection button
Browse files Browse the repository at this point in the history
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:
alphagov/govuk_elements#296
  • Loading branch information
teneightfive committed Jan 18, 2017
1 parent 06668a2 commit 0b0ad0b
Showing 1 changed file with 6 additions and 5 deletions.
11 changes: 6 additions & 5 deletions assets/stylesheets/components/_selection-button.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}
}
Expand Down

0 comments on commit 0b0ad0b

Please sign in to comment.