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