yyzone/src/assets/styles/mixins/layout.less

yyzone vue components and utils

.center(@position: absolute) {
    position: @position;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.vertical(@position: absolute) {
    position: @position;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.horizontal(@position: absolute) {
    position: @position;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-size: 0;
}

.fullscreen(@position: fixed) {
    position: @position;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}