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.
22 lines
335 B
SCSS
22 lines
335 B
SCSS
.admin .machine-learning-settings {
|
|
|
|
.settings-management {
|
|
@include flex-with-gap;
|
|
flex-wrap: wrap;
|
|
|
|
> * {
|
|
flex-basis: calc((45rem - 100%) * 999);
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.card-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
> :last-child {
|
|
margin-top: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|