tianheng-ui 0.1.0 → 0.1.2

package/lib/theme-chalk/styles/variable.scss

@@ -0,0 +1,80 @@
+// 主体色
+$color-parimary: #1890ff;
+$color-parimary-active: #257fe2;
+$color-parimary-hover: #66b1ff;
+$color-parimary-disabled: #a0cfff;
+$color-parimary-light: #a3d3ff;
+$color-parimary-lighter: #e8f4ff;
+
+// 成功色
+$color-success: #13ce66;
+$color-success-active: #5daf34;
+$color-success-hover: #85ce61;
+$color-success-disabled: #b3e19d;
+$color-success-light: #a1ebc2;
+$color-success-lighter: #e7faf0;
+
+// 警告色
+$color-warning: #ffba00;
+$color-warning-active: #cf9236;
+$color-warning-hover: #ebb563;
+$color-warning-disabled: #f3d19e;
+$color-warning-light: #ffe399;
+$color-warning-lighter: #fff8e6;
+
+// 危险色
+$color-danger: #ff4949;
+$color-danger-active: #dd6161;
+$color-danger-hover: #f78989;
+$color-danger-disabled: #fab6b6;
+$color-danger-light: #ffb6b6;
+$color-danger-lighter: #ffeded;
+
+// 信息色
+$color-info: #909399;
+$color-info-active: #82848a;
+$color-info-hover: #a6a9ad;
+$color-info-disabled: #c8c9cc;
+$color-info-light: #d3d4d6;
+$color-info-lighter: #f4f4f5;
+
+// 暗黑色
+$color-darkly: #304156;
+
+// 文字颜色
+$color-text-primary: #222d46;
+$color-text-regular: #535d70;
+$color-text-secondary: #858a96;
+$color-text-placeholder: #caced7;
+
+// 文字大小
+$font-size-xs: 12px;
+$font-size-sm: 14px;
+$font-size-md: 16px;
+$font-size-lg: 18px;
+$font-size-xl: 20px;
+$font-size-xxl: 22px;
+
+// 边框颜色
+$border-color-base: #dcdfe6;
+$border-color-light: #e4e7ed;
+$border-color-lighter: #ebeef5;
+$border-color-extra-light: #f2f6fc;
+
+// 边框弧度
+$border-radius-xs: 4px;
+$border-radius-sm: 8px;
+$border-radius-md: 12px;
+$border-radius-lg: 16px;
+$border-radius-xl: 20px;
+
+// 背景颜色
+$background-color-base: #f5f7f9;
+$background-color-white: #ffffff;
+$background-color-black: #000000;
+
+// 阴影效果
+$box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+
+// 过场时长
+$transition: 0.3s;