Update survey styling
This commit is contained in:
parent
4d300e92eb
commit
5bdf5d53ee
|
|
@ -24,6 +24,8 @@
|
|||
margin-bottom: $medium-spacing;
|
||||
> span > span { // weird survey.js html structure
|
||||
@include heading-4;
|
||||
line-height: $default-line-height;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -54,9 +56,9 @@
|
|||
order: 2;
|
||||
}
|
||||
|
||||
$progress-margin-right: 120px;
|
||||
$progress-margin-right: 140px;
|
||||
&__progress {
|
||||
background-color: $color-silver;
|
||||
background-color: $color-silver-light;
|
||||
height: 0.3em;
|
||||
order: 3;
|
||||
width: 40%;
|
||||
|
|
@ -65,7 +67,6 @@
|
|||
margin-right: $progress-margin-right;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
&__radiogroup-group, &__checkbox-group {
|
||||
|
|
@ -81,7 +82,7 @@
|
|||
> span {
|
||||
position: absolute;
|
||||
right: -$progress-margin-right;
|
||||
top: -0.25em;
|
||||
top: -0.37em;
|
||||
@include regular-text;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue