darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-25 16:54:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

Style of conditional radios to match design system

Browse Source 
Updated thickness of border and spacing to match
https://design-system.service.gov.uk/components/radios/#conditionally-revealing-content
This commit is contained in:
Chris Hill-Scott
2018-06-27 13:01:05 +01:00
parent 6452676b54
commit 2855cf45c7
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/components/conditional-radios.scss
View File

@@ -1,5 +1,5 @@
$border-thickness: 9px; $border-thickness: 4px;
$top-spacing: $gutter + 5px; $top-spacing: $gutter - 5px;
.multiple-choice { .multiple-choice {
@@ -17,8 +17,8 @@ $top-spacing: $gutter + 5px;
&-panel { &-panel {
border-left: $border-thickness solid $border-colour; border-left: $border-thickness solid $border-colour;
margin: 0 0 (-$top-spacing - $gutter) $gutter-half; margin: 0 0 (-$top-spacing - $gutter) ($gutter-half + ($border-thickness / 2));
padding: $top-spacing 0 0 ($gutter - 3px); padding: $top-spacing 0 0 ($gutter - ($border-thickness / 2));
position: relative; position: relative;
top: -$top-spacing; top: -$top-spacing;
z-index: 1; z-index: 1;