cddce21f7b
The interpolation of the rem-calc function made the code harder to read.
Besides, for new code we've already agreed upon using rem units instead
of `rem-calc`.
For instance, we had the following code:
```
width: calc(100% - #{2 * rem-calc(10)});
```
Now, `2 * rem-calc(10)` is the same as `rem-calc(20)`, but we were using
`2 *` to make it clear that this value was related to the value of the
`margin-left` property, which was `rem-calc(10)`.
IMHO using `0.625rem` for the margin and `2 * 0.625rem` for the width
the code is easier to read because there are no interpolation and no
complex operations involved.
36 lines
646 B
SCSS
36 lines
646 B
SCSS
.legislation-process-form {
|
|
fieldset {
|
|
margin: $fieldset-padding 0;
|
|
padding-bottom: $fieldset-padding;
|
|
position: relative;
|
|
|
|
&::after {
|
|
border-bottom: $fieldset-border;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
margin-left: 1rem;
|
|
position: absolute;
|
|
width: calc(100% - 2 * 1rem);
|
|
|
|
@include breakpoint(small only) {
|
|
margin-left: 0.625rem;
|
|
width: calc(100% - 2 * 0.625rem);
|
|
}
|
|
}
|
|
|
|
> :last-child {
|
|
float: left !important;
|
|
}
|
|
|
|
legend {
|
|
margin-bottom: 0;
|
|
|
|
> * {
|
|
display: block;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|