138 lines
4.5 KiB
CSS
138 lines
4.5 KiB
CSS
@import "../fonts/vfonts/Lato.css";
|
|
@import "../fonts/vfonts/FiraCode.css";
|
|
@import "../icon/startMessage/iconfont.css";
|
|
|
|
[data-prefix^="Ni"] {
|
|
font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
}
|
|
|
|
|
|
/*宽高比*/
|
|
.a11 {
|
|
aspect-ratio: 1;
|
|
}
|
|
|
|
/*全居中*/
|
|
.allCenter {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
/*手指*/
|
|
.point {
|
|
cursor: pointer;
|
|
}
|
|
|
|
:root {
|
|
/*遮罩层背景色*/
|
|
--Ni-maskLayer-background-color: rgba(0, 0, 0, 0.2);
|
|
/*圆角边框*/
|
|
--Ni-border-radius-T0: 1rem;
|
|
--Ni-border-radius-T1: .5rem;
|
|
--Ni-border-radius-T2: .35rem;
|
|
--Ni-border-radius-T3: .2rem;
|
|
--Ni-border-radius: var(--Ni-border-radius-T3);
|
|
/*边框阴影*/
|
|
--Ni-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04);
|
|
--Ni-white: #fefefe;
|
|
/*内容背景颜色*/
|
|
--Ni-content-bg-color: var(--Ni-white);
|
|
/*内容内边距*/
|
|
--Ni-content-padding: .5rem .9rem;
|
|
|
|
/*主题色*/
|
|
--Ni-theme-color-T0: #37352f;
|
|
--Ni-theme-color-T1: #5f5e5b;
|
|
--Ni-theme-color-T2: #91918e;
|
|
--Ni-theme-color-T3: #e8e8e7;
|
|
--Ni-theme-color-T4: #EFEFED;
|
|
--Ni-theme-color-T0-10: #37352f11;
|
|
--Ni-theme-color-T0-40: #37352f44;
|
|
--Ni-theme-color-T0-60: #37352f66;
|
|
--Ni-theme-color-T0-80: #37352f88;
|
|
--Ni-theme-color-T0-a0: #37352faa;
|
|
--Ni-theme-color-T0-c0: #37352fcc;
|
|
|
|
--Ni-theme-color: var(--Ni-theme-color-T1);
|
|
--Ni-theme-border-color: var(--Ni-theme-color-T0-40);
|
|
--Ni-theme-border-color-hover: var(--Ni-theme-color-T0-c0);
|
|
|
|
|
|
|
|
|
|
|
|
/*按钮的颜色*/
|
|
--Ni-button-border-radius: var(--Ni-border-radius-T3);
|
|
--Ni-button-height: 2.4rem;
|
|
--Ni-button-line-height: 2rem;
|
|
--Ni-button-padding: 0 .8rem;
|
|
/*禁用加透明*/
|
|
--Ni-button-disable-opacity: 0.5;/*设置透明度*/
|
|
--Ni-button-color: #fefefe;
|
|
/*浅色disable*/
|
|
--Ni-button-bg-disable-light: #2E333812;
|
|
/*半透明 default-hover-click*/
|
|
--Ni-button-bg-halfTransparent-default: rgba(46, 51, 56, 0.05);
|
|
--Ni-button-bg-halfTransparent-hover: rgba(46, 51, 56, 0.09);
|
|
--Ni-button-bg-halfTransparent-click: rgba(46, 51, 56, 0.13);
|
|
/*default*/
|
|
--Ni-M-A: 1rem;
|
|
/*tertiary*/
|
|
|
|
/*default*/
|
|
--Ni-button-default-bg-default: #fefefe;
|
|
--Ni-button-default-bg-hover: #91918e33;
|
|
--Ni-button-default-bg-click: #37352f33;
|
|
/*浅色*/
|
|
--Ni-button-default-bg-default-light: #5f5e5b29;/*29-16*/
|
|
--Ni-button-default-bg-hover-light: #91918e38;/*38-22*/
|
|
--Ni-button-default-bg-click-light: #37352f47;/*47-28*/
|
|
|
|
/*primary*/
|
|
--Ni-button-primary-bg-default: #5f5e5b;
|
|
--Ni-button-primary-bg-hover: #91918e;
|
|
--Ni-button-primary-bg-click: #37352f;
|
|
/*浅色*/
|
|
--Ni-button-primary-bg-default-light: #5f5e5b29;/*29-16*/
|
|
--Ni-button-primary-bg-hover-light: #91918e38;/*38-22*/
|
|
--Ni-button-primary-bg-click-light: #37352f47;/*47-28*/
|
|
|
|
/*info*/
|
|
--Ni-button-info-bg-default: #2080f0;
|
|
--Ni-button-info-bg-hover: #4098fc;
|
|
--Ni-button-info-bg-click: #1060c9;
|
|
/*浅色*/
|
|
--Ni-button-info-bg-default-light: rgba(32, 128, 240, 0.16);/*29-16*/
|
|
--Ni-button-info-bg-hover-light: rgba(32, 128, 240, 0.22);/*38-22*/
|
|
--Ni-button-info-bg-click-light: rgba(32, 128, 240, 0.28);/*47-28*/
|
|
|
|
/*success*/
|
|
--Ni-button-success-bg-default: #18a058;
|
|
--Ni-button-success-bg-hover: #36ad6a;
|
|
--Ni-button-success-bg-click: #0c7a43;
|
|
/*浅色*/
|
|
--Ni-button-success-bg-default-light: rgba(24, 160, 88, 0.16);/*29-16*/
|
|
--Ni-button-success-bg-hover-light: rgba(24, 160, 88, 0.22);/*38-22*/
|
|
--Ni-button-success-bg-click-light: rgba(24, 160, 88, 0.28);/*47-28*/
|
|
|
|
/*warning*/
|
|
--Ni-button-warning-bg-default: #f0a020;
|
|
--Ni-button-warning-bg-hover: #fcb040;
|
|
--Ni-button-warning-bg-click: #c97c10;
|
|
/*浅色*/
|
|
--Ni-button-warning-bg-default-light: rgba(240, 160, 32, 0.16);/*29-16*/
|
|
--Ni-button-warning-bg-hover-light: rgba(240, 160, 32, 0.22);/*38-22*/
|
|
--Ni-button-warning-bg-click-light: rgba(240, 160, 32, 0.28);/*47-28*/
|
|
|
|
/*error*/
|
|
--Ni-button-error-bg-default: #d03050;
|
|
--Ni-button-error-bg-hover:#de576d;
|
|
--Ni-button-error-bg-click: #ab1f3f;
|
|
/*浅色*/
|
|
--Ni-button-error-bg-default-light: rgba(208, 48, 80, 0.16);/*29-16*/
|
|
--Ni-button-error-bg-hover-light: rgba(208, 48, 80, 0.22);/*38-22*/
|
|
--Ni-button-error-bg-click-light: rgba(208, 48, 80, 0.28);/*47-28*/
|
|
|
|
}
|