@zjhc/ui 0.0.0-stage → 0.1.0

package/theme-chalk/var.css

@@ -0,0 +1,120 @@
+@charset "UTF-8";
+/**
+ * 该@mixin用于根据指定的颜色类型、级别和混合模式，创建一个新颜色等级并将其添加到全局颜色地图中。
+ * @param $type {string} - 颜色的类型（例如：primary, success等）。
+ * @param $number {int} - 颜色的级别，用于计算颜色的混合程度。
+ * @param $mode {string} - 混合模式，默认为'light'。可用于指定颜色是明度混合还是饱和度混合等。
+ * @param $mix-color {color} - 用于混合的颜色，默认为白色($color-white)。
+ */
+/**
+ * 该函数将选择器转化为字符串，并截取指定位置的字符。
+ * @param $selector - 需要转换的选择器对象。
+ * @return 返回转换后的选择器字符串。
+ */
+/**
+ * 判断父级选择器是否包含'--'
+ * @param $selector - 需要检查的选择器，可以是列表或字符串。
+ * @returns 如果选择器包含修饰符，则返回 true；否则返回 false。
+ */
+/**
+ * 判断父级选择器是否包含'.is-'
+ * @param $selector - 需要检查的选择器，可以是任何形式的选择器。
+ * @return 返回一个布尔值，如果选择器包含状态前缀则为true，否则为false。
+ */
+/**
+ * 判断父级是否包含 ':' （用于判断伪类和伪元素）
+ * @param $selector - 需要检查的选择器，可以是任何形式的选择器，函数会将其转换为字符串形式。
+ * @return 返回一个布尔值，如果选择器包含伪类，则返回 true；否则返回 false。
+ */
+/*
+ * 判断父级选择器是否包含`--` `.is-` `:`这三种字符
+ * @param {String} $selector 选择器
+ * @return {String} 如果父级选择器包含以上三种字符中的任意一种，返回true；否则返回false
+*/
+/**
+ * 函数用于将给定列表中的项目连接成一个变量名。
+ * @param $list - 一个包含要连接的字符串的列表。
+ * @return $name - 连接后的变量名，以"--"和配置中的命名空间开头，每个列表项之间用"-"连接。
+ */
+/**
+ * 设置分组的CSS变量
+ * @param $name - 分组名称，用于生成CSS变量名。
+ * @param $variables - 一个映射表，包含要设置的变量名和其值。
+ * 该mixin遍历$variables映射表，为每个键值对生成相应的CSS变量。如果键是"default"，
+ * 则设置基础的CSS变量；否则，设置带有特定后缀的CSS变量。
+ */
+:root {
+  --zjhc-color-white: #ffffff;
+  --zjhc-color-black: #000000;
+}
+
+:root {
+  color-scheme: light;
+  --zjhc-color-primary: #094194;
+  --zjhc-color-primary-light-3: rgb(32.4705882353%, 47.8431372549%, 70.6274509804%);
+  --zjhc-color-primary-light-5: rgb(51.7647058824%, 62.7450980392%, 79.0196078431%);
+  --zjhc-color-primary-light-7: rgb(71.0588235294%, 77.6470588235%, 87.4117647059%);
+  --zjhc-color-primary-light-8: rgb(80.7058823529%, 85.0980392157%, 91.6078431373%);
+  --zjhc-color-primary-light-9: rgb(90.3529411765%, 92.5490196078%, 95.8039215686%);
+  --zjhc-color-primary-dark-2: rgb(2.8235294118%, 20.3921568627%, 46.431372549%);
+  --zjhc-color-success: #1ebcaf;
+  --zjhc-color-success-light-3: rgb(38.2352941176%, 81.6078431373%, 78.0392156863%);
+  --zjhc-color-success-light-5: rgb(55.8823529412%, 86.862745098%, 84.3137254902%);
+  --zjhc-color-success-light-7: rgb(73.5294117647%, 92.1176470588%, 90.5882352941%);
+  --zjhc-color-success-light-8: rgb(82.3529411765%, 94.7450980392%, 93.7254901961%);
+  --zjhc-color-success-light-9: rgb(91.1764705882%, 97.3725490196%, 96.862745098%);
+  --zjhc-color-success-dark-2: rgb(9.4117647059%, 58.9803921569%, 54.9019607843%);
+  --zjhc-color-warning: #ffc23e;
+  --zjhc-color-warning-light-3: rgb(100%, 83.2549019608%, 47.0196078431%);
+  --zjhc-color-warning-light-5: rgb(100%, 88.0392156863%, 62.1568627451%);
+  --zjhc-color-warning-light-7: rgb(100%, 92.8235294118%, 77.2941176471%);
+  --zjhc-color-warning-light-8: rgb(100%, 95.2156862745%, 84.862745098%);
+  --zjhc-color-warning-light-9: rgb(100%, 97.6078431373%, 92.431372549%);
+  --zjhc-color-warning-dark-2: rgb(80%, 60.862745098%, 19.4509803922%);
+  --zjhc-color-danger: #fa5e45;
+  --zjhc-color-danger-light-3: rgb(98.6274509804%, 55.8039215686%, 48.9411764706%);
+  --zjhc-color-danger-light-5: rgb(99.0196078431%, 68.431372549%, 63.5294117647%);
+  --zjhc-color-danger-light-7: rgb(99.4117647059%, 81.0588235294%, 78.1176470588%);
+  --zjhc-color-danger-light-8: rgb(99.6078431373%, 87.3725490196%, 85.4117647059%);
+  --zjhc-color-danger-light-9: rgb(99.8039215686%, 93.6862745098%, 92.7058823529%);
+  --zjhc-color-danger-dark-2: rgb(78.431372549%, 29.4901960784%, 21.6470588235%);
+  --zjhc-color-error: #fa5e45;
+  --zjhc-color-error-light-3: rgb(98.6274509804%, 55.8039215686%, 48.9411764706%);
+  --zjhc-color-error-light-5: rgb(99.0196078431%, 68.431372549%, 63.5294117647%);
+  --zjhc-color-error-light-7: rgb(99.4117647059%, 81.0588235294%, 78.1176470588%);
+  --zjhc-color-error-light-8: rgb(99.6078431373%, 87.3725490196%, 85.4117647059%);
+  --zjhc-color-error-light-9: rgb(99.8039215686%, 93.6862745098%, 92.7058823529%);
+  --zjhc-color-error-dark-2: rgb(78.431372549%, 29.4901960784%, 21.6470588235%);
+  --zjhc-color-info: #909399;
+  --zjhc-color-info-light-3: rgb(69.5294117647%, 70.3529411765%, 72%);
+  --zjhc-color-info-light-5: rgb(78.2352941176%, 78.8235294118%, 80%);
+  --zjhc-color-info-light-7: rgb(86.9411764706%, 87.2941176471%, 88%);
+  --zjhc-color-info-light-8: rgb(91.2941176471%, 91.5294117647%, 92%);
+  --zjhc-color-info-light-9: rgb(95.6470588235%, 95.7647058824%, 96%);
+  --zjhc-color-info-dark-2: rgb(45.1764705882%, 46.1176470588%, 48%);
+  --zjhc-text-color-primary: #333133;
+  --zjhc-text-color-regular: #606266;
+  --zjhc-text-color-secondary: #909399;
+  --zjhc-text-color-placeholder: #a8abb2;
+  --zjhc-text-color-disabled: #c0c4cc;
+  --zjhc-border-color: #dcdfe6;
+  --zjhc-border-color-light: #e4e7ed;
+  --zjhc-border-color-lighter: #ebeef5;
+  --zjhc-border-color-extra-light: #f2f6fc;
+  --zjhc-border-color-dark: #d4d7de;
+  --zjhc-border-color-darker: #cdd0d6;
+  --zjhc-fill-color: #f0f2f5;
+  --zjhc-fill-color-light: #f5f7fa;
+  --zjhc-fill-color-lighter: #fafafa;
+  --zjhc-fill-color-extra-light: #fafcff;
+  --zjhc-fill-color-dark: #ebedf0;
+  --zjhc-fill-color-darker: #e6e8eb;
+  --zjhc-fill-color-blank: #ffffff;
+  --zjhc-bg-color: #ffffff;
+  --zjhc-bg-color-page: #f2f3f5;
+  --zjhc-bg-color-overlay: #ffffff;
+  --zjhc-search-sidebar-width: 200px;
+  --zjhc-group-header-title-color: #000000;
+  --zjhc-group-header-title-size: 14px;
+  --zjhc-page-container-bg-color: #ffffff;
+}