rf-web/_sass/utils/layout-utils.scss
2020-08-16 11:54:33 +02:00

52 lines
809 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;
}
.margin-4-bottom {
margin-bottom: 4px;
}
.margin-8-bottom {
margin-bottom: 8px;
}
.margin-16-bottom {
margin-bottom: 16px;
}
.margin-24-bottom {
margin-bottom: 24px;
}
.margin-32-bottom {
margin-bottom: 32px;
}