// global
@import "./global.scss";
// color-ui
@import "./colorui.css";
// public
@import "./public.scss";
// iconfont
@import "@/static/iconfont/iconfont.css";
// sidebar
@import "./sidebar.scss";


.weight {
    font-weight: bold;
}

.divider-default {
    width: 0.5px;
    background-color: #333;
}

.shadow-default {
    box-shadow: 1px 1px 4px rgb(26 26 26 / 10%)
}

.required {
    /* 设置定位 */
    position: relative;
}

.required::after {
    /* 星号内容 */
    content: "*";
    /* 星号相对于输入框定位 */
    position: absolute;
    /* 星号垂直居中 */
    top: 50%;
    /* 居中调整 */
    transform: translateY(-50%);
    /* 星号颜色 */
    color: red;
    margin-left: 5px;
}



/* 外边距、内边距全局样式
------------------------------- */
@each $val in auto {
    .m-#{$val} {
        margin: $val;
    }

    .mt-#{$val} {
        margin-top: $val;
    }

    .mr-#{$val} {
        margin-right: $val;
    }

    .mb-#{$val} {
        margin-bottom: $val;
    }

    .ml-#{$val} {
        margin-left: $val;
    }

    .mlr-#{$val} {
        margin-left: $val;
        margin-right: $val;
    }

    .mtb-#{$val} {
        margin-top: $val;
        margin-bottom: $val;
    }
}

@for $i from 0 through 100 {

    // margin
    .m#{$i} {
        margin: #{$i}px !important;
    }

    .mt#{$i} {
        margin-top: #{$i}px !important;
    }

    .mr#{$i} {
        margin-right: #{$i}px !important;
    }

    .mb#{$i} {
        margin-bottom: #{$i}px !important;
    }

    .ml#{$i} {
        margin-left: #{$i}px !important;
    }

    .mlr#{$i} {
        margin-left: #{$i}px !important;
        margin-right: #{$i}px !important;
    }

    .mtb#{$i} {
        margin-top: #{$i}px !important;
        margin-bottom: #{$i}px !important;
    }

    // padding
    .p#{$i} {
        padding: #{$i}px !important;
    }

    .pt#{$i} {
        padding-top: #{$i}px !important;
    }

    .pr#{$i} {
        padding-right: #{$i}px !important;
    }

    .pb#{$i} {
        padding-bottom: #{$i}px !important;
    }

    .pl#{$i} {
        padding-left: #{$i}px !important;
    }

    .plr#{$i} {
        padding-left: #{$i}px !important;
        padding-right: #{$i}px !important;
    }

    .ptb#{$i} {
        padding-top: #{$i}px !important;
        padding-bottom: #{$i}px !important;
    }
}

/* 文本
------------------------------- */
@for $i from 10 through 500 {
    .font#{$i} {
        font-size: #{$i}px !important;
    }
}

.text-ellipsis {
    overflow: hidden; //超出的文本隐藏
    text-overflow: ellipsis; //溢出用省略号显示
    white-space: nowrap; // 默认不换行；
}

.verify {
    color: #2a98ff;
    font-size: 14px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;

    &::after {
        border: 0px;
    }
}