This way we remove duplication and it'll be easier to add better support for RTL languages. In a few years this might not be necessary since support for the `gap` property in a flexbox layout will improve. At the time of writing, however, only 86.5% of the browsers support it [1]. [1] https://caniuse.com/flexbox-gap
22 lines
346 B
SCSS
22 lines
346 B
SCSS
.admin .machine-learning-settings {
|
|
|
|
.settings-management {
|
|
@include flex-with-gap;
|
|
flex-wrap: wrap;
|
|
|
|
> * {
|
|
flex-basis: calc((#{rem-calc(720)} - 100%) * 999);
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.card-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
> :last-child {
|
|
margin-top: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|