/* 主色 */
.mocp-bg-primary-7 {
    background: $mocp-primary-7;
}
.mocp-bg-primary-6 {
    background: $mocp-primary-6;
}
.mocp-bg-primary-3 {
    background: $mocp-primary-3;
}
.mocp-bg-primary-2 {
    background: $mocp-primary-2;
}
.mocp-bg-primary-1 {
    background: $mocp-primary-1;
}
.mocp-color-primary-7 {
    color: $mocp-primary-7;
}
.mocp-color-primary-6 {
    color: $mocp-primary-6;
}
.mocp-color-primary-3 {
    color: $mocp-primary-3;
}
.mocp-color-primary-2 {
    color: $mocp-primary-2;
}
.mocp-color-primary-1 {
    color: $mocp-primary-1;
}
.mocp-border-primary-7 {
    border: 2rpx solid $mocp-primary-7;
}
.mocp-border-primary-6 {
    border: 2rpx solid $mocp-primary-6;
}
.mocp-border-primary-3 {
    border: 2rpx solid $mocp-primary-3;
}
.mocp-border-primary-2 {
    border: 2rpx solid $mocp-primary-2;
}
.mocp-border-primary-1 {
    border: 2rpx solid $mocp-primary-1;
}
/* 填充 Fill */
.mocp-bg-fill-4 {
    background: $mocp-fill-4;
}
.mocp-bg-fill-3 {
    background: $mocp-fill-3;
}
.mocp-bg-fill-2 {
    background: $mocp-fill-2;
}
.mocp-bg-fill-1 {
    background: $mocp-fill-1;
}
.mocp-border-fill-4 {
    border: 2rpx solid $mocp-fill-4;
}
.mocp-border-fill-3 {
    border: 2rpx solid $mocp-fill-3;
}
.mocp-border-fill-2 {
    border: 2rpx solid $mocp-fill-2;
}
.mocp-border-fill-1 {
    border: 2rpx solid $mocp-fill-1;
}
/* 文字 Text */
.mocp-color-text-5 {
    color: $mocp-text-5;
}
.mocp-color-text-4 {
    color: $mocp-text-4;
}
.mocp-color-text-3 {
    color: $mocp-text-3;
}
.mocp-color-text-2 {
    color: $mocp-text-2;
}
.mocp-color-text-1 {
    color: $mocp-text-1;
}
/* 成功 Success */
.mocp-bg-success-7 {
    background: $mocp-success-7;
}
.mocp-bg-success-6 {
    background: $mocp-success-6;
}
.mocp-bg-success-3 {
    background: $mocp-success-3;
}
.mocp-bg-success-2 {
    background: $mocp-success-2;
}
.mocp-bg-success-1 {
    background: $mocp-success-1;
}
.mocp-color-success-7 {
    color: $mocp-success-7;
}
.mocp-color-success-6 {
    color: $mocp-success-6;
}
.mocp-color-success-3 {
    color: $mocp-success-3;
}
.mocp-color-success-2 {
    color: $mocp-success-2;
}
.mocp-color-success-1 {
    color: $mocp-success-1;
}
.mocp-border-success-7 {
    border: 2rpx solid $mocp-success-7;
}
.mocp-border-success-6 {
    border: 2rpx solid $mocp-success-6;
}
.mocp-border-success-3 {
    border: 2rpx solid $mocp-success-3;
}
.mocp-border-success-2 {
    border: 2rpx solid $mocp-success-2;
}
.mocp-border-success-1 {
    border: 2rpx solid $mocp-success-1;
}
/* 警告/提醒 Warning/Notice */
.mocp-bg-warning-7 {
    background: $mocp-warning-7;
}
.mocp-bg-warning-6 {
    background: $mocp-warning-6;
}
.mocp-bg-warning-3 {
    background: $mocp-warning-3;
}
.mocp-bg-warning-2 {
    background: $mocp-warning-2;
}
.mocp-bg-warning-1 {
    background: $mocp-warning-1;
}
.mocp-color-warning-7 {
    color: $mocp-warning-7;
}
.mocp-color-warning-6 {
    color: $mocp-warning-6;
}
.mocp-color-warning-3 {
    color: $mocp-warning-3;
}
.mocp-color-warning-2 {
    color: $mocp-warning-2;
}
.mocp-color-warning-1 {
    color: $mocp-warning-1;
}
.mocp-border-warning-7 {
    border: 2rpx solid $mocp-warning-7;
}
.mocp-border-warning-6 {
    border: 2rpx solid $mocp-warning-6;
}
.mocp-border-warning-3 {
    border: 2rpx solid $mocp-warning-3;
}
.mocp-border-warning-2 {
    border: 2rpx solid $mocp-warning-2;
}
.mocp-border-warning-1 {
    border: 2rpx solid $mocp-warning-1;
}
/* 错误 Danger */
.mocp-bg-danger-7 {
    background: $mocp-danger-7;
}
.mocp-bg-danger-6 {
    background: $mocp-danger-6;
}
.mocp-bg-danger-3 {
    background: $mocp-danger-3;
}
.mocp-bg-danger-2 {
    background: $mocp-danger-2;
}
.mocp-bg-danger-1 {
    background: $mocp-danger-1;
}
.mocp-color-danger-7 {
    color: $mocp-danger-7;
}
.mocp-color-danger-6 {
    color: $mocp-danger-6;
}
.mocp-color-danger-3 {
    color: $mocp-danger-3;
}
.mocp-color-danger-2 {
    color: $mocp-danger-2;
}
.mocp-color-danger-1 {
    color: $mocp-danger-1;
}
.mocp-border-danger-7 {
    border: 2rpx solid $mocp-danger-7;
}
.mocp-border-danger-6 {
    border: 2rpx solid $mocp-danger-6;
}
.mocp-border-danger-3 {
    border: 2rpx solid $mocp-danger-3;
}
.mocp-border-danger-2 {
    border: 2rpx solid $mocp-danger-2;
}
.mocp-border-danger-1 {
    border: 2rpx solid $mocp-danger-1;
}
