humi_screenshot/src/assets/scss/mixins.scss

@mixin flexac {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

@mixin flexbc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@mixin flexcc {
    display: flex;
    justify-content: center;
    align-items: center;
}

@mixin flexlr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@mixin flexxl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@mixin flexee {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
}

@mixin flexcb {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

@mixin flexbs {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@mixin flexcol {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}