rf-web/_sass/utils/layout-utils.scss

36 lines
587 B
SCSS
Raw Normal View History

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