Files
grecia/app/assets/stylesheets/admin/machine_learning/settings.scss
Javi Martín 4fea839c54 Extract mixin to add a gap to a flexbox layout
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
2021-10-19 02:33:53 +02:00

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;
}
}
}
}