rf-web/_sass/utils/layout-utils.scss
2019-11-10 12:45:15 +01:00

36 lines
587 B
SCSS

@mixin center-content-flex() {
display: flex;
justify-content: center;
align-items: center;
}
@mixin padding-vertical($padding) {
padding-top: $padding;
padding-bottom: $padding;
}
@mixin padding-horizontal($padding) {
padding-left: $padding;
padding-right: $padding;
}
@mixin margin-vertical($margin) {
margin-top: $margin;
margin-bottom: $margin;
}
@mixin margin-horizontal($margin) {
margin-left: $margin;
margin-right: $margin;
}
@mixin dir-col() {
display: flex;
flex-direction: column;
}
@mixin dir-row() {
display: flex;
flex-direction: row;
}