@gct-paas/scss 0.1.4-dev.5 → 0.1.4-dev.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.min.mjs +148 -0
- package/dist/index.min.css +1 -1
- package/dist/index.min.css.map +1 -1
- package/package.json +4 -4
- package/style/theme/light/light-theme.scss +10 -10
- package/style/tools/mixin.scss +61 -1
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
function c(e, s, t, a, n) {
|
|
2
|
+
let r = `${e}-${s}`;
|
|
3
|
+
return t && (r += `-${t}`), a && (r += `__${a}`), n && (r += `--${n}`), r;
|
|
4
|
+
}
|
|
5
|
+
class h {
|
|
6
|
+
/**
|
|
7
|
+
* Creates an instance of Namespace.
|
|
8
|
+
*
|
|
9
|
+
* @param {string} block 当前命名空间的根模块,例如组件的名称
|
|
10
|
+
* @param {string} [namespace] 指定命名空间，未指定使用默认值 gct
|
|
11
|
+
*/
|
|
12
|
+
constructor(s, t) {
|
|
13
|
+
this.block = s, this.namespace = t || "gct";
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* 命名空间
|
|
17
|
+
*
|
|
18
|
+
* @type {string}
|
|
19
|
+
*/
|
|
20
|
+
namespace;
|
|
21
|
+
/**
|
|
22
|
+
* namespace-block
|
|
23
|
+
* namespace-block-blockSuffix
|
|
24
|
+
*
|
|
25
|
+
* @param {string} [blockSuffix='']
|
|
26
|
+
* @return {*} {string}
|
|
27
|
+
*/
|
|
28
|
+
b(s = "") {
|
|
29
|
+
return c(this.namespace, this.block, s, "", "");
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* namespace-block__element
|
|
33
|
+
*
|
|
34
|
+
* @param {string} [element]
|
|
35
|
+
* @return {*} {string}
|
|
36
|
+
*/
|
|
37
|
+
e(s) {
|
|
38
|
+
return s ? c(this.namespace, this.block, "", s, "") : "";
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* namespace-block--modifier
|
|
42
|
+
*
|
|
43
|
+
* @param {string} [modifier]
|
|
44
|
+
* @return {*} {string}
|
|
45
|
+
*/
|
|
46
|
+
m(s) {
|
|
47
|
+
return s ? c(this.namespace, this.block, "", "", s) : "";
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* namespace-block-blockSuffix__element
|
|
51
|
+
*
|
|
52
|
+
* @param {string} [blockSuffix]
|
|
53
|
+
* @param {string} [element]
|
|
54
|
+
* @return {*} {string}
|
|
55
|
+
*/
|
|
56
|
+
be(s, t) {
|
|
57
|
+
return s && t ? c(this.namespace, this.block, s, t, "") : "";
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* namespace-block__element--modifier
|
|
61
|
+
*
|
|
62
|
+
* @param {string} [element]
|
|
63
|
+
* @param {string} [modifier]
|
|
64
|
+
* @return {*} {string}
|
|
65
|
+
*/
|
|
66
|
+
em(s, t) {
|
|
67
|
+
return s && t ? c(this.namespace, this.block, "", s, t) : "";
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* namespace-block-blockSuffix--modifier
|
|
71
|
+
*
|
|
72
|
+
* @param {string} [blockSuffix]
|
|
73
|
+
* @param {string} [modifier]
|
|
74
|
+
* @return {*} {string}
|
|
75
|
+
*/
|
|
76
|
+
bm(s, t) {
|
|
77
|
+
return s && t ? c(this.namespace, this.block, s, "", t) : "";
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* namespace-block-blockSuffix__element--modifier
|
|
81
|
+
*
|
|
82
|
+
* @param {string} [blockSuffix]
|
|
83
|
+
* @param {string} [element]
|
|
84
|
+
* @param {string} [modifier]
|
|
85
|
+
* @return {*} {string}
|
|
86
|
+
*/
|
|
87
|
+
bem(s, t, a) {
|
|
88
|
+
return s && t && a ? c(this.namespace, this.block, s, t, a) : "";
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* 返回状态 class
|
|
92
|
+
*
|
|
93
|
+
* is('loading', false) => '';
|
|
94
|
+
* is('loading', true) => 'is-loading';
|
|
95
|
+
*
|
|
96
|
+
* @param {string} name
|
|
97
|
+
* @param {boolean} [state]
|
|
98
|
+
* @return {*} {string}
|
|
99
|
+
*/
|
|
100
|
+
is(s, t) {
|
|
101
|
+
return s && t ? `is-${s}` : "";
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* 生成使用到的 css 变量 style 对象
|
|
105
|
+
*
|
|
106
|
+
* @param {Record<string, string>} object
|
|
107
|
+
* @return {*} {Record<string, string>}
|
|
108
|
+
*/
|
|
109
|
+
cssVar(s) {
|
|
110
|
+
const t = {};
|
|
111
|
+
for (const a in s)
|
|
112
|
+
s[a] && (t[this.cssVarName(a)] = s[a]);
|
|
113
|
+
return t;
|
|
114
|
+
}
|
|
115
|
+
/**
|
|
116
|
+
* 生成使用到的 css block 变量 style 对象
|
|
117
|
+
*
|
|
118
|
+
* @param {Record<string, string>} object
|
|
119
|
+
* @return {*} {Record<string, string>}
|
|
120
|
+
*/
|
|
121
|
+
cssVarBlock(s) {
|
|
122
|
+
const t = {};
|
|
123
|
+
for (const a in s)
|
|
124
|
+
s[a] && (t[this.cssVarBlockName(a)] = s[a]);
|
|
125
|
+
return t;
|
|
126
|
+
}
|
|
127
|
+
/**
|
|
128
|
+
* 生成 css var 变量名称
|
|
129
|
+
*
|
|
130
|
+
* @param {string} name
|
|
131
|
+
* @return {*} {string}
|
|
132
|
+
*/
|
|
133
|
+
cssVarName(s) {
|
|
134
|
+
return `--${this.namespace}-${s}`;
|
|
135
|
+
}
|
|
136
|
+
/**
|
|
137
|
+
* 生成块 css var 变量名称
|
|
138
|
+
*
|
|
139
|
+
* @param {string} name
|
|
140
|
+
* @return {*} {string}
|
|
141
|
+
*/
|
|
142
|
+
cssVarBlockName(s) {
|
|
143
|
+
return `--${this.namespace}-${this.block}-${s}`;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
export {
|
|
147
|
+
h as Namespace
|
|
148
|
+
};
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#555}:root.dark,.dark-theme{--gct-blue-1:246,248,254;--gct-blue-2:236,242,253;--gct-blue-3:222,232,252;--gct-blue-4:205,224,255;--gct-blue-5:168,199,255;--gct-blue-6:128,166,246;--gct-blue-7:86,131,239;--gct-blue-8:49,104,236;--gct-blue-9:42,88,201;--gct-blue-10:35,74,168;--gct-blue-11:28,59,135;--gct-blue-12:22,47,106;--gct-red-1:254,236,221;--gct-red-2:252,197,198;--gct-red-3:250,169,170;--gct-red-4:248,130,132;--gct-red-5:247,106,108;--gct-red-6:245,69,71;--gct-red-7:219,34,28;--gct-red-8:197,31,25;--gct-red-9:164,26,21;--gct-red-10:131,20,17;--gct-red-11:99,15,13;--gct-red-12:77,12,10;--gct-green-1:237,249,239;--gct-green-2:211,241,216;--gct-green-3:176,230,185;--gct-green-4:140,219,152;--gct-green-5:105,208,121;--gct-green-6:72,198,92;--gct-green-7:65,178,83;--gct-green-8:58,158,74;--gct-green-9:54,149,69;--gct-green-10:43,119,55;--gct-green-11:32,89,41;--gct-green-12:25,69,32;--gct-orange-1:255,244,236;--gct-orange-2:255,229,210;--gct-orange-3:255,209,174;--gct-orange-4:255,188,136;--gct-orange-5:255,167,100;--gct-orange-6:255,148,66;--gct-orange-7:230,133,59;--gct-orange-8:204,118,53;--gct-orange-9:191,111,50;--gct-orange-10:153,89,40;--gct-orange-11:115,67,30;--gct-orange-12:89,52,23;--gct-pr-gray-1:30,34,43;--gct-pr-gray-2:46,49,56;--gct-pr-gray-3:67,72,85;--gct-pr-gray-4:90,95,107;--gct-pr-gray-5:113,118,131;--gct-pr-gray-6:134,138,150;--gct-pr-gray-7:169,175,188;--gct-pr-gray-8:202,207,216;--gct-pr-gray-9:143,150,163;--gct-pr-gray-10:242,245,248;--gct-pr-gray-11:249,250,251;--gct-pr-gray-12:252,252,253;--gct-gray-1:255,255,255;--gct-gray-2:243,243,243;--gct-gray-3:232,232,232;--gct-gray-4:221,221,221;--gct-gray-5:198,198,198;--gct-gray-6:166,166,166;--gct-gray-7:139,139,139;--gct-gray-8:119,119,119;--gct-gray-9:94,94,94;--gct-gray-10:71,71,71;--gct-gray-11:56,56,56;--gct-gray-12:36,36,36;--gct-color-primary:rgba(var(--gct-blue-8), 1);--gct-color-primary-hover:rgba(var(--gct-blue-9), 1);--gct-color-primary-active:rgba(var(--gct-blue-10), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-4), 1);--gct-color-primary-light:rgba(var(--gct-blue-1), 1);--gct-color-primary-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-primary-light-active:rgba(var(--gct-blue-3), 1);--gct-color-tertiary:rgba(var(--gct-pr-gray-5), 1);--gct-color-tertiary-hover:rgba(var(--gct-pr-gray-6), 1);--gct-color-tertiary-active:rgba(var(--gct-pr-gray-7), 1);--gct-color-tertiary-light:rgba(var(--gct-pr-gray-1), 1);--gct-color-tertiary-light-hover:rgba(var(--gct-pr-gray-2), 1);--gct-color-tertiary-light-active:rgba(var(--gct-pr-gray-3), 1);--gct-color-info:rgba(var(--gct-blue-8), 1);--gct-color-info-hover:rgba(var(--gct-blue-9), 1);--gct-color-info-active:rgba(var(--gct-blue-10), 1);--gct-color-info-disabled:rgba(var(--gct-blue-4), 1);--gct-color-info-light:rgba(var(--gct-blue-1), 1);--gct-color-info-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-info-light-active:rgba(var(--gct-blue-3), 1);--gct-color-success:rgba(var(--gct-green-6), 1);--gct-color-success-hover:rgba(var(--gct-green-7), 1);--gct-color-success-active:rgba(var(--gct-green-8), 1);--gct-color-success-disabled:rgba(var(--gct-green-3), 1);--gct-color-success-light:rgba(var(--gct-green-1), 1);--gct-color-success-light-hover:rgba(var(--gct-green-2), 1);--gct-color-success-light-active:rgba(var(--gct-green-3), 1);--gct-color-warning:rgba(var(--gct-orange-6), 1);--gct-color-warning-hover:rgba(var(--gct-orange-7), 1);--gct-color-warning-active:rgba(var(--gct-orange-8), 1);--gct-color-warning-disabled:rgba(var(--gct-orange-4), 1);--gct-color-warning-light-default:rgba(var(--gct-orange-1), 1);--gct-color-warning-light-hover:rgba(var(--gct-orange-2), 1);--gct-color-warning-light-active:rgba(var(--gct-orange-3), 1);--gct-color-danger:rgba(var(--gct-red-6), 1);--gct-color-danger-hover:rgba(var(--gct-red-7), 1);--gct-color-danger-active:rgba(var(--gct-red-8), 1);--gct-color-danger-disabled:rgba(var(--gct-red-4), 1);--gct-color-danger-light-default:rgba(var(--gct-red-1), 1);--gct-color-danger-light-hover:rgba(var(--gct-red-2), 1);--gct-color-danger-light-active:rgba(var(--gct-red-3), 1);--gct-color-text-1:rgba(var(--gct-gray-12), 1);--gct-color-text-2:rgba(var(--gct-gray-11), 1);--gct-color-text-3:rgba(var(--gct-gray-10), 1);--gct-color-text-4:rgba(var(--gct-gray-7), 1);--gct-color-text-5:rgba(var(--gct-gray-5), 1);--gct-color-text-6:rgba(var(--gct-blue-6), 1);--gct-color-link:rgba(var(--gct-blue-8), 1);--gct-color-link-hover:rgba(var(--gct-blue-9), 1);--gct-color-link-active:rgba(var(--gct-blue-10), 1);--gct-color-link-visited:rgba(var(--gct-blue-10), 1);--gct-color-link-disabled:rgba(var(--gct-blue-4), 1);--gct-color-bg-1:rgba(var(--gct-pr-gray-1), 1);--gct-color-bg-2:rgba(var(--gct-pr-gray-2), 1);--gct-color-bg-3:rgba(var(--gct-pr-gray-3), 1);--gct-color-bg-4:rgba(var(--gct-gray-1), 1);--gct-color-bg-5:rgba(var(--gct-pr-gray-4), 1);--gct-color-bg-6:rgba(var(--gct-pr-gray-5), 0.5);--gct-color-border:rgba(var(--gct-gray-4), 1);--gct-color-border-hover:rgba(var(--gct-blue-8), 1);--gct-color-border-active:rgba(var(--gct-blue-9), 1);--gct-color-border-disabled:rgba(var(--gct-gray-4), 1);--gct-border-radius-xs:2px;--gct-border-radius-s:4px;--gct-border-radius-m:6px;--gct-border-radius-l:8px;--gct-border-radius-xl:10px;--gct-border-radius-xxl:12px;--gct-border-radius-circle:50%;--gct-border-radius-full:9999px;--gct-border-thickness-s:1px;--gct-border-thickness-m:2px;--gct-border-thickness-l:4px;--gct-border-thickness-xl:6px;--gct-border-thickness-xxl:8px;--gct-icon-xs:8px;--gct-icon-s:12px;--gct-icon-m:12px;--gct-icon-l:12px;--gct-icon-xl:12px;--gct-spacing-1:2px;--gct-spacing-2:4px;--gct-spacing-3:6px;--gct-spacing-4:8px;--gct-spacing-5:10px;--gct-spacing-6:12px;--gct-spacing-7:16px;--gct-spacing-8:20px;--gct-spacing-9:24px;--gct-spacing-10:28px;--gct-spacing-11:32px;--gct-spacing-12:36px;--gct-padding-1:2px;--gct-padding-2:4px;--gct-padding-3:6px;--gct-padding-4:8px;--gct-padding-5:10px;--gct-padding-6:12px;--gct-padding-7:16px;--gct-padding-8:20px;--gct-padding-9:24px;--gct-padding-10:28px;--gct-padding-11:32px;--gct-padding-12:36px;--gct-font-1:10px;--gct-font-2:12px;--gct-font-3:14px;--gct-font-4:16px;--gct-font-5:18px;--gct-font-6:20px;--gct-font-7:22px;--gct-font-8:24px;--gct-font-9:28px;--gct-font-10:32px;--gct-font-11:36px;--gct-font-12:40px;--gct-line-height-1:14px;--gct-line-height-2:16px;--gct-line-height-3:22px;--gct-line-height-4:24px;--gct-line-height-5:26px;--gct-line-height-6:28px;--gct-line-height-7:30px;--gct-line-height-8:32px;--gct-line-height-9:36px;--gct-line-height-10:42px;--gct-line-height-11:48px;--gct-line-height-12:54px}:root.light,.light-theme{--gct-color-white:#fff;--gct-color-black:#000;--gct-blue-1:246,250,253;--gct-blue-2:226,238,249;--gct-blue-3:200,223,243;--gct-blue-4:191,216,242;--gct-blue-5:144,187,233;--gct-blue-6:91,156,225;--gct-blue-7:48,126,210;--gct-blue-8:2,106,200;--gct-blue-9:2,90,170;--gct-blue-10:1,75,142;--gct-blue-11:1,60,114;--gct-blue-12:1,48,90;--gct-red-1:254,236,221;--gct-red-2:252,197,198;--gct-red-3:250,169,170;--gct-red-4:248,130,132;--gct-red-5:247,106,108;--gct-red-6:245,69,71;--gct-red-7:219,34,28;--gct-red-8:197,31,25;--gct-red-9:164,26,21;--gct-red-10:131,20,17;--gct-red-11:99,15,13;--gct-red-12:77,12,10;--gct-green-1:237,249,239;--gct-green-2:211,241,216;--gct-green-3:176,230,185;--gct-green-4:140,219,152;--gct-green-5:105,208,121;--gct-green-6:72,198,92;--gct-green-7:65,178,83;--gct-green-8:58,158,74;--gct-green-9:54,149,69;--gct-green-10:43,119,55;--gct-green-11:32,89,41;--gct-green-12:25,69,32;--gct-orange-1:255,244,236;--gct-orange-2:255,229,210;--gct-orange-3:255,209,174;--gct-orange-4:255,188,136;--gct-orange-5:255,167,100;--gct-orange-6:255,148,66;--gct-orange-7:230,133,59;--gct-orange-8:204,118,53;--gct-orange-9:191,111,50;--gct-orange-10:153,89,40;--gct-orange-11:115,67,30;--gct-orange-12:89,52,23;--gct-pr-gray-1:252,252,253;--gct-pr-gray-2:249,250,251;--gct-pr-gray-3:242,245,248;--gct-pr-gray-4:224,227,234;--gct-pr-gray-5:202,207,216;--gct-pr-gray-6:169,175,188;--gct-pr-gray-7:134,138,150;--gct-pr-gray-8:113,118,131;--gct-pr-gray-9:90,95,107;--gct-pr-gray-10:67,72,85;--gct-pr-gray-11:44,51,68;--gct-pr-gray-12:26,29,35;--gct-gray-1:255,255,255;--gct-gray-2:243,243,243;--gct-gray-3:232,232,232;--gct-gray-4:221,221,221;--gct-gray-5:198,198,198;--gct-gray-6:166,166,166;--gct-gray-7:139,139,139;--gct-gray-8:119,119,119;--gct-gray-9:94,94,94;--gct-gray-10:71,71,71;--gct-gray-11:56,56,56;--gct-gray-12:36,36,36;--gct-color-primary:rgba(var(--gct-blue-8), 1);--gct-color-primary-hover:rgba(var(--gct-blue-7), 1);--gct-color-primary-active:rgba(var(--gct-blue-9), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-3), 1);--gct-color-primary-light:rgba(var(--gct-blue-1), 1);--gct-color-primary-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-primary-light-active:rgba(var(--gct-blue-3), 1);--gct-color-tertiary:rgba(var(--gct-pr-gray-5), 1);--gct-color-tertiary-hover:rgba(var(--gct-pr-gray-6), 1);--gct-color-tertiary-active:rgba(var(--gct-pr-gray-7), 1);--gct-color-tertiary-light:rgba(var(--gct-pr-gray-1), 1);--gct-color-tertiary-light-hover:rgba(var(--gct-pr-gray-2), 1);--gct-color-tertiary-light-active:rgba(var(--gct-pr-gray-3), 1);--gct-color-info:rgba(var(--gct-blue-8), 1);--gct-color-info-hover:rgba(var(--gct-blue-9), 1);--gct-color-info-active:rgba(var(--gct-blue-10), 1);--gct-color-info-disabled:rgba(var(--gct-blue-4), 1);--gct-color-info-light:rgba(var(--gct-blue-1), 1);--gct-color-info-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-info-light-active:rgba(var(--gct-blue-3), 1);--gct-color-success:rgba(var(--gct-green-6), 1);--gct-color-success-hover:rgba(var(--gct-green-7), 1);--gct-color-success-active:rgba(var(--gct-green-8), 1);--gct-color-success-disabled:rgba(var(--gct-green-4), 1);--gct-color-success-light:rgba(var(--gct-green-1), 1);--gct-color-success-light-hover:rgba(var(--gct-green-2), 1);--gct-color-success-light-active:rgba(var(--gct-green-3), 1);--gct-color-warning:rgba(var(--gct-orange-6), 1);--gct-color-warning-hover:rgba(var(--gct-orange-7), 1);--gct-color-warning-active:rgba(var(--gct-orange-8), 1);--gct-color-warning-disabled:rgba(var(--gct-orange-4), 1);--gct-color-warning-light:rgba(var(--gct-orange-1), 1);--gct-color-warning-light-hover:rgba(var(--gct-orange-2), 1);--gct-color-warning-light-active:rgba(var(--gct-orange-3), 1);--gct-color-danger:rgba(var(--gct-red-6), 1);--gct-color-danger-hover:rgba(var(--gct-red-7), 1);--gct-color-danger-active:rgba(var(--gct-red-8), 1);--gct-color-danger-disabled:rgba(var(--gct-red-4), 1);--gct-color-danger-light:rgba(var(--gct-red-1), 1);--gct-color-danger-light-hover:rgba(var(--gct-red-2), 1);--gct-color-danger-light-active:rgba(var(--gct-red-3), 1);--gct-color-text:rgba(var(--gct-gray-1), 1);--gct-color-text-1:rgba(var(--gct-gray-12), 1);--gct-color-text-2:rgba(var(--gct-gray-11), 1);--gct-color-text-3:rgba(var(--gct-gray-10), 1);--gct-color-text-4:rgba(var(--gct-gray-9), 1);--gct-color-text-5:rgba(var(--gct-gray-7), 1);--gct-color-text-6:rgba(var(--gct-gray-6), 1);--gct-color-text-7:rgba(var(--gct-gray-5), 1);--gct-color-text-pr:--gct-color-primary;--gct-color-link:rgba(var(--gct-blue-8), 1);--gct-color-link-hover:rgba(var(--gct-blue-9), 1);--gct-color-link-active:rgba(var(--gct-blue-10), 1);--gct-color-link-visited:rgba(var(--gct-blue-10), 1);--gct-color-link-disabled:rgba(var(--gct-blue-4), 1);--gct-color-bg-1:rgba(var(--gct-pr-gray-1), 1);--gct-color-bg-2:rgba(var(--gct-pr-gray-2), 1);--gct-color-bg-3:rgba(var(--gct-pr-gray-3), 1);--gct-color-bg-4:rgba(var(--gct-pr-gray-4), 1);--gct-color-bg-5:rgba(var(--gct-pr-gray-5), 1);--gct-color-bg-6:rgba(var(--gct-pr-gray-10), 1);--gct-color-bg-7:rgba(var(--gct-pr-gray-11), 1);--gct-color-bg-8:rgba(var(--gct-pr-gray-12), 1);--gct-color-border:rgba(var(--gct-pr-gray-4), 1);--gct-color-border-hover:rgba(var(--gct-blue-8), 1);--gct-color-border-active:rgba(var(--gct-blue-9), 1);--gct-color-border-disabled:rgba(var(--gct-gray-4), 1);--gct-color-border-line-1:rgba(var(--gct-gray-3), 1);--gct-color-border-line-2:rgba(var(--gct-gray-4), 1);--gct-border-radius-xs:2px;--gct-border-radius-s:4px;--gct-border-radius-m:6px;--gct-border-radius-l:8px;--gct-border-radius-xl:10px;--gct-border-radius-xxl:12px;--gct-border-radius-circle:50%;--gct-border-radius-full:9999px;--gct-border-thickness-s:1px;--gct-border-thickness-m:2px;--gct-border-thickness-l:4px;--gct-border-thickness-xl:6px;--gct-border-thickness-xxl:8px;--gct-icon-xs:12px;--gct-icon-s:16px;--gct-icon-m:20px;--gct-icon-l:24px;--gct-icon-xl:32px;--gct-spacing-1:2px;--gct-spacing-2:4px;--gct-spacing-3:6px;--gct-spacing-4:8px;--gct-spacing-5:10px;--gct-spacing-6:12px;--gct-spacing-7:16px;--gct-spacing-8:20px;--gct-spacing-9:24px;--gct-spacing-10:28px;--gct-spacing-11:32px;--gct-spacing-12:36px;--gct-padding-1:2px;--gct-padding-2:4px;--gct-padding-3:6px;--gct-padding-4:8px;--gct-padding-5:10px;--gct-padding-6:12px;--gct-padding-7:16px;--gct-padding-8:20px;--gct-padding-9:24px;--gct-padding-10:28px;--gct-padding-11:32px;--gct-padding-12:36px;--gct-font-1:10px;--gct-font-2:12px;--gct-font-3:14px;--gct-font-4:16px;--gct-font-5:18px;--gct-font-6:20px;--gct-font-7:22px;--gct-font-8:24px;--gct-font-9:28px;--gct-font-10:32px;--gct-font-11:36px;--gct-font-12:40px;--gct-font-13:48px;--gct-font-14:56px;--gct-font-15:64px;--gct-font-16:72px;--gct-line-height-1:14px;--gct-line-height-2:18px;--gct-line-height-3:22px;--gct-line-height-4:24px;--gct-line-height-5:26px;--gct-line-height-6:28px;--gct-line-height-7:30px;--gct-line-height-8:32px;--gct-line-height-9:36px;--gct-line-height-10:42px;--gct-line-height-11:48px;--gct-line-height-12:54px;--gct-shadow-s:0 2px 6px 0 rgba(0,0,0,.05);--gct-shadow-m:0 4px 12px 0 rgba(0,0,0,.08);--gct-shadow-l:0 8px 24px 0 rgba(0,0,0,.12);--gct-shadow-xl:0 16px 48px 0 rgba(0,0,0,.18);--gct-transition-s:.1s;--gct-transition-m:.2s;--gct-transition-l:.3s;--gct-transition-xl:.5s;--gct-z-index-xs:1;--gct-z-index-s:100;--gct-z-index-m:1000;--gct-z-index-l:2000;--gct-z-index-xl:9999}/*# sourceMappingURL=index.min.css.map */
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#555}:root.dark,.dark-theme{--gct-blue-1:246,248,254;--gct-blue-2:236,242,253;--gct-blue-3:222,232,252;--gct-blue-4:205,224,255;--gct-blue-5:168,199,255;--gct-blue-6:128,166,246;--gct-blue-7:86,131,239;--gct-blue-8:49,104,236;--gct-blue-9:42,88,201;--gct-blue-10:35,74,168;--gct-blue-11:28,59,135;--gct-blue-12:22,47,106;--gct-red-1:254,236,221;--gct-red-2:252,197,198;--gct-red-3:250,169,170;--gct-red-4:248,130,132;--gct-red-5:247,106,108;--gct-red-6:245,69,71;--gct-red-7:219,34,28;--gct-red-8:197,31,25;--gct-red-9:164,26,21;--gct-red-10:131,20,17;--gct-red-11:99,15,13;--gct-red-12:77,12,10;--gct-green-1:237,249,239;--gct-green-2:211,241,216;--gct-green-3:176,230,185;--gct-green-4:140,219,152;--gct-green-5:105,208,121;--gct-green-6:72,198,92;--gct-green-7:65,178,83;--gct-green-8:58,158,74;--gct-green-9:54,149,69;--gct-green-10:43,119,55;--gct-green-11:32,89,41;--gct-green-12:25,69,32;--gct-orange-1:255,244,236;--gct-orange-2:255,229,210;--gct-orange-3:255,209,174;--gct-orange-4:255,188,136;--gct-orange-5:255,167,100;--gct-orange-6:255,148,66;--gct-orange-7:230,133,59;--gct-orange-8:204,118,53;--gct-orange-9:191,111,50;--gct-orange-10:153,89,40;--gct-orange-11:115,67,30;--gct-orange-12:89,52,23;--gct-pr-gray-1:30,34,43;--gct-pr-gray-2:46,49,56;--gct-pr-gray-3:67,72,85;--gct-pr-gray-4:90,95,107;--gct-pr-gray-5:113,118,131;--gct-pr-gray-6:134,138,150;--gct-pr-gray-7:169,175,188;--gct-pr-gray-8:202,207,216;--gct-pr-gray-9:143,150,163;--gct-pr-gray-10:242,245,248;--gct-pr-gray-11:249,250,251;--gct-pr-gray-12:252,252,253;--gct-gray-1:255,255,255;--gct-gray-2:243,243,243;--gct-gray-3:232,232,232;--gct-gray-4:221,221,221;--gct-gray-5:198,198,198;--gct-gray-6:166,166,166;--gct-gray-7:139,139,139;--gct-gray-8:119,119,119;--gct-gray-9:94,94,94;--gct-gray-10:71,71,71;--gct-gray-11:56,56,56;--gct-gray-12:36,36,36;--gct-color-primary:rgba(var(--gct-blue-8), 1);--gct-color-primary-hover:rgba(var(--gct-blue-9), 1);--gct-color-primary-active:rgba(var(--gct-blue-10), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-4), 1);--gct-color-primary-light:rgba(var(--gct-blue-1), 1);--gct-color-primary-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-primary-light-active:rgba(var(--gct-blue-3), 1);--gct-color-tertiary:rgba(var(--gct-pr-gray-5), 1);--gct-color-tertiary-hover:rgba(var(--gct-pr-gray-6), 1);--gct-color-tertiary-active:rgba(var(--gct-pr-gray-7), 1);--gct-color-tertiary-light:rgba(var(--gct-pr-gray-1), 1);--gct-color-tertiary-light-hover:rgba(var(--gct-pr-gray-2), 1);--gct-color-tertiary-light-active:rgba(var(--gct-pr-gray-3), 1);--gct-color-info:rgba(var(--gct-blue-8), 1);--gct-color-info-hover:rgba(var(--gct-blue-9), 1);--gct-color-info-active:rgba(var(--gct-blue-10), 1);--gct-color-info-disabled:rgba(var(--gct-blue-4), 1);--gct-color-info-light:rgba(var(--gct-blue-1), 1);--gct-color-info-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-info-light-active:rgba(var(--gct-blue-3), 1);--gct-color-success:rgba(var(--gct-green-6), 1);--gct-color-success-hover:rgba(var(--gct-green-7), 1);--gct-color-success-active:rgba(var(--gct-green-8), 1);--gct-color-success-disabled:rgba(var(--gct-green-3), 1);--gct-color-success-light:rgba(var(--gct-green-1), 1);--gct-color-success-light-hover:rgba(var(--gct-green-2), 1);--gct-color-success-light-active:rgba(var(--gct-green-3), 1);--gct-color-warning:rgba(var(--gct-orange-6), 1);--gct-color-warning-hover:rgba(var(--gct-orange-7), 1);--gct-color-warning-active:rgba(var(--gct-orange-8), 1);--gct-color-warning-disabled:rgba(var(--gct-orange-4), 1);--gct-color-warning-light-default:rgba(var(--gct-orange-1), 1);--gct-color-warning-light-hover:rgba(var(--gct-orange-2), 1);--gct-color-warning-light-active:rgba(var(--gct-orange-3), 1);--gct-color-danger:rgba(var(--gct-red-6), 1);--gct-color-danger-hover:rgba(var(--gct-red-7), 1);--gct-color-danger-active:rgba(var(--gct-red-8), 1);--gct-color-danger-disabled:rgba(var(--gct-red-4), 1);--gct-color-danger-light-default:rgba(var(--gct-red-1), 1);--gct-color-danger-light-hover:rgba(var(--gct-red-2), 1);--gct-color-danger-light-active:rgba(var(--gct-red-3), 1);--gct-color-text-1:rgba(var(--gct-gray-12), 1);--gct-color-text-2:rgba(var(--gct-gray-11), 1);--gct-color-text-3:rgba(var(--gct-gray-10), 1);--gct-color-text-4:rgba(var(--gct-gray-7), 1);--gct-color-text-5:rgba(var(--gct-gray-5), 1);--gct-color-text-6:rgba(var(--gct-blue-6), 1);--gct-color-link:rgba(var(--gct-blue-8), 1);--gct-color-link-hover:rgba(var(--gct-blue-9), 1);--gct-color-link-active:rgba(var(--gct-blue-10), 1);--gct-color-link-visited:rgba(var(--gct-blue-10), 1);--gct-color-link-disabled:rgba(var(--gct-blue-4), 1);--gct-color-bg-1:rgba(var(--gct-pr-gray-1), 1);--gct-color-bg-2:rgba(var(--gct-pr-gray-2), 1);--gct-color-bg-3:rgba(var(--gct-pr-gray-3), 1);--gct-color-bg-4:rgba(var(--gct-gray-1), 1);--gct-color-bg-5:rgba(var(--gct-pr-gray-4), 1);--gct-color-bg-6:rgba(var(--gct-pr-gray-5), 0.5);--gct-color-border:rgba(var(--gct-gray-4), 1);--gct-color-border-hover:rgba(var(--gct-blue-8), 1);--gct-color-border-active:rgba(var(--gct-blue-9), 1);--gct-color-border-disabled:rgba(var(--gct-gray-4), 1);--gct-border-radius-xs:2px;--gct-border-radius-s:4px;--gct-border-radius-m:6px;--gct-border-radius-l:8px;--gct-border-radius-xl:10px;--gct-border-radius-xxl:12px;--gct-border-radius-circle:50%;--gct-border-radius-full:9999px;--gct-border-thickness-s:1px;--gct-border-thickness-m:2px;--gct-border-thickness-l:4px;--gct-border-thickness-xl:6px;--gct-border-thickness-xxl:8px;--gct-icon-xs:8px;--gct-icon-s:12px;--gct-icon-m:12px;--gct-icon-l:12px;--gct-icon-xl:12px;--gct-spacing-1:2px;--gct-spacing-2:4px;--gct-spacing-3:6px;--gct-spacing-4:8px;--gct-spacing-5:10px;--gct-spacing-6:12px;--gct-spacing-7:16px;--gct-spacing-8:20px;--gct-spacing-9:24px;--gct-spacing-10:28px;--gct-spacing-11:32px;--gct-spacing-12:36px;--gct-padding-1:2px;--gct-padding-2:4px;--gct-padding-3:6px;--gct-padding-4:8px;--gct-padding-5:10px;--gct-padding-6:12px;--gct-padding-7:16px;--gct-padding-8:20px;--gct-padding-9:24px;--gct-padding-10:28px;--gct-padding-11:32px;--gct-padding-12:36px;--gct-font-1:10px;--gct-font-2:12px;--gct-font-3:14px;--gct-font-4:16px;--gct-font-5:18px;--gct-font-6:20px;--gct-font-7:22px;--gct-font-8:24px;--gct-font-9:28px;--gct-font-10:32px;--gct-font-11:36px;--gct-font-12:40px;--gct-line-height-1:14px;--gct-line-height-2:16px;--gct-line-height-3:22px;--gct-line-height-4:24px;--gct-line-height-5:26px;--gct-line-height-6:28px;--gct-line-height-7:30px;--gct-line-height-8:32px;--gct-line-height-9:36px;--gct-line-height-10:42px;--gct-line-height-11:48px;--gct-line-height-12:54px}:root.light,.light-theme{--gct-color-white:#fff;--gct-color-black:#000;--gct-blue-1:246,250,253;--gct-blue-2:226,238,249;--gct-blue-3:200,223,243;--gct-blue-4:191,216,242;--gct-blue-5:144,187,233;--gct-blue-6:91,156,225;--gct-blue-7:48,126,210;--gct-blue-8:2,106,200;--gct-blue-9:2,90,170;--gct-blue-10:1,75,142;--gct-blue-11:1,60,114;--gct-blue-12:1,48,90;--gct-red-1:254,236,221;--gct-red-2:252,197,198;--gct-red-3:250,169,170;--gct-red-4:248,130,132;--gct-red-5:247,106,108;--gct-red-6:245,69,71;--gct-red-7:219,34,28;--gct-red-8:197,31,25;--gct-red-9:164,26,21;--gct-red-10:131,20,17;--gct-red-11:99,15,13;--gct-red-12:77,12,10;--gct-green-1:237,249,239;--gct-green-2:211,241,216;--gct-green-3:176,230,185;--gct-green-4:140,219,152;--gct-green-5:105,208,121;--gct-green-6:72,198,92;--gct-green-7:65,178,83;--gct-green-8:58,158,74;--gct-green-9:54,149,69;--gct-green-10:43,119,55;--gct-green-11:32,89,41;--gct-green-12:25,69,32;--gct-orange-1:255,244,236;--gct-orange-2:255,229,210;--gct-orange-3:255,209,174;--gct-orange-4:255,188,136;--gct-orange-5:255,167,100;--gct-orange-6:255,148,66;--gct-orange-7:230,133,59;--gct-orange-8:204,118,53;--gct-orange-9:191,111,50;--gct-orange-10:153,89,40;--gct-orange-11:115,67,30;--gct-orange-12:89,52,23;--gct-pr-gray-1:252,252,253;--gct-pr-gray-2:249,250,251;--gct-pr-gray-3:242,245,248;--gct-pr-gray-4:224,227,235;--gct-pr-gray-5:202,207,216;--gct-pr-gray-6:169,175,188;--gct-pr-gray-7:134,138,150;--gct-pr-gray-8:113,118,131;--gct-pr-gray-9:90,95,107;--gct-pr-gray-10:67,72,85;--gct-pr-gray-11:44,51,68;--gct-pr-gray-12:26,29,35;--gct-gray-1:255,255,255;--gct-gray-2:243,243,243;--gct-gray-3:232,232,232;--gct-gray-4:221,221,221;--gct-gray-5:198,198,198;--gct-gray-6:166,166,166;--gct-gray-7:139,139,139;--gct-gray-8:119,119,119;--gct-gray-9:94,94,94;--gct-gray-10:71,71,71;--gct-gray-11:56,56,56;--gct-gray-12:36,36,36;--gct-color-primary:rgba(var(--gct-blue-8), 1);--gct-color-primary-hover:rgba(var(--gct-blue-7), 1);--gct-color-primary-active:rgba(var(--gct-blue-9), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-3), 1);--gct-color-primary-light:rgba(var(--gct-blue-1), 1);--gct-color-primary-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-primary-light-active:rgba(var(--gct-blue-3), 1);--gct-color-tertiary:rgba(var(--gct-pr-gray-5), 1);--gct-color-tertiary-hover:rgba(var(--gct-pr-gray-6), 1);--gct-color-tertiary-active:rgba(var(--gct-pr-gray-7), 1);--gct-color-tertiary-light:rgba(var(--gct-pr-gray-1), 1);--gct-color-tertiary-light-hover:rgba(var(--gct-pr-gray-2), 1);--gct-color-tertiary-light-active:rgba(var(--gct-pr-gray-3), 1);--gct-color-info:rgba(var(--gct-blue-8), 1);--gct-color-info-hover:rgba(var(--gct-blue-9), 1);--gct-color-info-active:rgba(var(--gct-blue-10), 1);--gct-color-info-disabled:rgba(var(--gct-blue-4), 1);--gct-color-info-light:rgba(var(--gct-blue-1), 1);--gct-color-info-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-info-light-active:rgba(var(--gct-blue-3), 1);--gct-color-success:rgba(var(--gct-green-6), 1);--gct-color-success-hover:rgba(var(--gct-green-7), 1);--gct-color-success-active:rgba(var(--gct-green-8), 1);--gct-color-success-disabled:rgba(var(--gct-green-4), 1);--gct-color-success-light:rgba(var(--gct-green-1), 1);--gct-color-success-light-hover:rgba(var(--gct-green-2), 1);--gct-color-success-light-active:rgba(var(--gct-green-3), 1);--gct-color-warning:rgba(var(--gct-orange-6), 1);--gct-color-warning-hover:rgba(var(--gct-orange-7), 1);--gct-color-warning-active:rgba(var(--gct-orange-8), 1);--gct-color-warning-disabled:rgba(var(--gct-orange-4), 1);--gct-color-warning-light:rgba(var(--gct-orange-1), 1);--gct-color-warning-light-hover:rgba(var(--gct-orange-2), 1);--gct-color-warning-light-active:rgba(var(--gct-orange-3), 1);--gct-color-danger:rgba(var(--gct-red-6), 1);--gct-color-danger-hover:rgba(var(--gct-red-7), 1);--gct-color-danger-active:rgba(var(--gct-red-8), 1);--gct-color-danger-disabled:rgba(var(--gct-red-4), 1);--gct-color-danger-light:rgba(var(--gct-red-1), 1);--gct-color-danger-light-hover:rgba(var(--gct-red-2), 1);--gct-color-danger-light-active:rgba(var(--gct-red-3), 1);--gct-color-text:rgba(var(--gct-pr-gray-12), 1);--gct-color-text-1:rgba(var(--gct-pr-gray-11), 1);--gct-color-text-2:rgba(var(--gct-pr-gray-10), 1);--gct-color-text-3:rgba(var(--gct-pr-gray-10), 1);--gct-color-text-4:rgba(var(--gct-pr-gray-9), 1);--gct-color-text-5:rgba(var(--gct-gray-7), 1);--gct-color-text-6:rgba(var(--gct-gray-6), 1);--gct-color-text-7:rgba(var(--gct-gray-5), 1);--gct-color-text-pr:--gct-color-primary;--gct-color-link:rgba(var(--gct-blue-8), 1);--gct-color-link-hover:rgba(var(--gct-blue-9), 1);--gct-color-link-active:rgba(var(--gct-blue-10), 1);--gct-color-link-visited:rgba(var(--gct-blue-10), 1);--gct-color-link-disabled:rgba(var(--gct-blue-4), 1);--gct-color-bg-1:rgba(var(--gct-pr-gray-1), 1);--gct-color-bg-2:rgba(var(--gct-pr-gray-2), 1);--gct-color-bg-3:rgba(var(--gct-pr-gray-3), 1);--gct-color-bg-4:rgba(var(--gct-pr-gray-4), 1);--gct-color-bg-5:rgba(var(--gct-pr-gray-5), 1);--gct-color-bg-6:rgba(var(--gct-pr-gray-10), 1);--gct-color-bg-7:rgba(var(--gct-pr-gray-11), 1);--gct-color-bg-8:rgba(var(--gct-pr-gray-12), 1);--gct-color-border:rgba(var(--gct-pr-gray-4), 1);--gct-color-border-hover:rgba(var(--gct-blue-8), 1);--gct-color-border-active:rgba(var(--gct-blue-9), 1);--gct-color-border-disabled:rgba(var(--gct-gray-4), 1);--gct-color-border-line-1:rgba(var(--gct-gray-3), 1);--gct-color-border-line-2:rgba(var(--gct-gray-4), 1);--gct-border-radius-xs:2px;--gct-border-radius-s:4px;--gct-border-radius-m:6px;--gct-border-radius-l:8px;--gct-border-radius-xl:10px;--gct-border-radius-xxl:12px;--gct-border-radius-circle:50%;--gct-border-radius-full:9999px;--gct-border-thickness-s:1px;--gct-border-thickness-m:2px;--gct-border-thickness-l:4px;--gct-border-thickness-xl:6px;--gct-border-thickness-xxl:8px;--gct-icon-xs:12px;--gct-icon-s:14px;--gct-icon-m:16px;--gct-icon-l:20px;--gct-icon-xl:24px;--gct-spacing-1:2px;--gct-spacing-2:4px;--gct-spacing-3:6px;--gct-spacing-4:8px;--gct-spacing-5:10px;--gct-spacing-6:12px;--gct-spacing-7:16px;--gct-spacing-8:20px;--gct-spacing-9:24px;--gct-spacing-10:28px;--gct-spacing-11:32px;--gct-spacing-12:36px;--gct-padding-1:2px;--gct-padding-2:4px;--gct-padding-3:6px;--gct-padding-4:8px;--gct-padding-5:10px;--gct-padding-6:12px;--gct-padding-7:16px;--gct-padding-8:20px;--gct-padding-9:24px;--gct-padding-10:28px;--gct-padding-11:32px;--gct-padding-12:36px;--gct-font-1:10px;--gct-font-2:12px;--gct-font-3:14px;--gct-font-4:16px;--gct-font-5:18px;--gct-font-6:20px;--gct-font-7:22px;--gct-font-8:24px;--gct-font-9:28px;--gct-font-10:32px;--gct-font-11:36px;--gct-font-12:40px;--gct-font-13:48px;--gct-font-14:56px;--gct-font-15:64px;--gct-font-16:72px;--gct-line-height-1:14px;--gct-line-height-2:18px;--gct-line-height-3:22px;--gct-line-height-4:24px;--gct-line-height-5:26px;--gct-line-height-6:28px;--gct-line-height-7:30px;--gct-line-height-8:32px;--gct-line-height-9:36px;--gct-line-height-10:42px;--gct-line-height-11:48px;--gct-line-height-12:54px;--gct-shadow-s:0 2px 6px 0 rgba(0,0,0,.05);--gct-shadow-m:0 4px 12px 0 rgba(0,0,0,.08);--gct-shadow-l:0 8px 24px 0 rgba(0,0,0,.12);--gct-shadow-xl:0 16px 48px 0 rgba(0,0,0,.18);--gct-transition-s:.1s;--gct-transition-m:.2s;--gct-transition-l:.3s;--gct-transition-xl:.5s;--gct-z-index-xs:1;--gct-z-index-s:100;--gct-z-index-m:1000;--gct-z-index-l:2000;--gct-z-index-xl:9999}/*# sourceMappingURL=index.min.css.map */
|
package/dist/index.min.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../style/generic/reset.scss","../style/theme/dark/dark-theme.scss","../style/theme/light/light-theme.scss"],"names":[],"mappings":"AAGA,4EAUA,KACE,iBACA,sBAUF,KACE,SAOF,KACE,cAQF,GACE,cACA,eAWF,GACE,uBACA,SACA,iBAQF,IACE,gCACA,cAUF,EACE,+BAQF,YACE,mBACA,0BACA,iCAOF,SAEE,mBAQF,cAGE,gCACA,cAOF,MACE,cAQF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,eAGF,IACE,WAUF,IACE,kBAWF,sCAKE,oBACA,eACA,iBACA,SAQF,aAEE,iBAQF,cAEE,oBAOF,gDAIE,gBAOF,wHAIE,kBACA,UAOF,4GAIE,8BAOF,SACE,2BAUF,OACE,sBACA,cACA,cACA,eACA,UACA,mBAOF,SACE,wBAOF,SACE,cAQF,6BAEE,sBACA,UAOF,kFAEE,YAQF,cACE,qBACA,oBAOF,yCACE,gBAQF,6BACE,gBACA,aAUF,QACE,cAOF,QACE,kBAUF,SACE,aAOF,SACE,aAMF,oBACE,UACA,WAIF,0BACE,yBACA,kBAIF,0BACE,sBACA,kBAIF,gCACE,sBCrXF,uBAEE,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,wBACA,wBACA,uBACA,wBACA,wBACA,wBAGA,wBACA,wBACA,wBACA,wBACA,wBACA,sBACA,sBACA,sBACA,sBACA,uBACA,sBACA,sBAGA,0BACA,0BACA,0BACA,0BACA,0BACA,wBACA,wBACA,wBACA,wBACA,yBACA,wBACA,wBAGA,2BACA,2BACA,2BACA,2BACA,2BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,yBAGA,yBACA,yBACA,yBACA,0BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,6BACA,6BAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,sBACA,uBACA,uBACA,uBAGA,+CACA,qDACA,uDACA,wDACA,qDACA,2DACA,4DAYA,mDACA,yDACA,0DACA,yDACA,+DACA,gEAGA,4CACA,kDACA,oDACA,qDACA,kDACA,wDACA,yDAGA,gDACA,sDACA,uDACA,yDACA,sDACA,4DACA,6DAGA,iDACA,uDACA,wDACA,0DACA,+DACA,6DACA,8DAGA,6CACA,mDACA,oDACA,sDACA,2DACA,yDACA,0DAGA,+CACA,+CACA,+CACA,8CACA,8CACA,8CAGA,4CACA,kDACA,oDACA,qDACA,qDAGA,+CACA,+CACA,+CACA,4CACA,+CACA,iDAGA,8CACA,oDACA,qDACA,uDAGA,2BACA,0BACA,0BACA,0BACA,4BACA,6BACA,+BACA,gCAGA,6BACA,6BACA,6BACA,8BACA,+BAGA,kBACA,kBACA,kBACA,kBACA,mBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,0BACA,0BC9PF,yBACE,uBACA,uBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,wBACA,wBACA,uBACA,sBACA,uBACA,uBACA,sBAGA,wBACA,wBACA,wBACA,wBACA,wBACA,sBACA,sBACA,sBACA,sBACA,uBACA,sBACA,sBAGA,0BACA,0BACA,0BACA,0BACA,0BACA,wBACA,wBACA,wBACA,wBACA,yBACA,wBACA,wBAGA,2BACA,2BACA,2BACA,2BACA,2BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,yBAGA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,0BACA,0BACA,0BACA,0BAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,sBACA,uBACA,uBACA,uBAGA,+CACA,qDACA,sDACA,wDACA,qDACA,2DACA,4DAGA,mDACA,yDACA,0DACA,yDACA,+DACA,gEAGA,4CACA,kDACA,oDACA,qDACA,kDACA,wDACA,yDAGA,gDACA,sDACA,uDACA,yDACA,sDACA,4DACA,6DAGA,iDACA,uDACA,wDACA,0DACA,uDACA,6DACA,8DAGA,6CACA,mDACA,oDACA,sDACA,mDACA,yDACA,0DAGA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../style/generic/reset.scss","../style/theme/dark/dark-theme.scss","../style/theme/light/light-theme.scss"],"names":[],"mappings":"AAGA,4EAUA,KACE,iBACA,sBAUF,KACE,SAOF,KACE,cAQF,GACE,cACA,eAWF,GACE,uBACA,SACA,iBAQF,IACE,gCACA,cAUF,EACE,+BAQF,YACE,mBACA,0BACA,iCAOF,SAEE,mBAQF,cAGE,gCACA,cAOF,MACE,cAQF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,eAGF,IACE,WAUF,IACE,kBAWF,sCAKE,oBACA,eACA,iBACA,SAQF,aAEE,iBAQF,cAEE,oBAOF,gDAIE,gBAOF,wHAIE,kBACA,UAOF,4GAIE,8BAOF,SACE,2BAUF,OACE,sBACA,cACA,cACA,eACA,UACA,mBAOF,SACE,wBAOF,SACE,cAQF,6BAEE,sBACA,UAOF,kFAEE,YAQF,cACE,qBACA,oBAOF,yCACE,gBAQF,6BACE,gBACA,aAUF,QACE,cAOF,QACE,kBAUF,SACE,aAOF,SACE,aAMF,oBACE,UACA,WAIF,0BACE,yBACA,kBAIF,0BACE,sBACA,kBAIF,gCACE,sBCrXF,uBAEE,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,wBACA,wBACA,uBACA,wBACA,wBACA,wBAGA,wBACA,wBACA,wBACA,wBACA,wBACA,sBACA,sBACA,sBACA,sBACA,uBACA,sBACA,sBAGA,0BACA,0BACA,0BACA,0BACA,0BACA,wBACA,wBACA,wBACA,wBACA,yBACA,wBACA,wBAGA,2BACA,2BACA,2BACA,2BACA,2BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,yBAGA,yBACA,yBACA,yBACA,0BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,6BACA,6BAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,sBACA,uBACA,uBACA,uBAGA,+CACA,qDACA,uDACA,wDACA,qDACA,2DACA,4DAYA,mDACA,yDACA,0DACA,yDACA,+DACA,gEAGA,4CACA,kDACA,oDACA,qDACA,kDACA,wDACA,yDAGA,gDACA,sDACA,uDACA,yDACA,sDACA,4DACA,6DAGA,iDACA,uDACA,wDACA,0DACA,+DACA,6DACA,8DAGA,6CACA,mDACA,oDACA,sDACA,2DACA,yDACA,0DAGA,+CACA,+CACA,+CACA,8CACA,8CACA,8CAGA,4CACA,kDACA,oDACA,qDACA,qDAGA,+CACA,+CACA,+CACA,4CACA,+CACA,iDAGA,8CACA,oDACA,qDACA,uDAGA,2BACA,0BACA,0BACA,0BACA,4BACA,6BACA,+BACA,gCAGA,6BACA,6BACA,6BACA,8BACA,+BAGA,kBACA,kBACA,kBACA,kBACA,mBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,0BACA,0BC9PF,yBACE,uBACA,uBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,wBACA,wBACA,uBACA,sBACA,uBACA,uBACA,sBAGA,wBACA,wBACA,wBACA,wBACA,wBACA,sBACA,sBACA,sBACA,sBACA,uBACA,sBACA,sBAGA,0BACA,0BACA,0BACA,0BACA,0BACA,wBACA,wBACA,wBACA,wBACA,yBACA,wBACA,wBAGA,2BACA,2BACA,2BACA,2BACA,2BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,yBAGA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,0BACA,0BACA,0BACA,0BAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,sBACA,uBACA,uBACA,uBAGA,+CACA,qDACA,sDACA,wDACA,qDACA,2DACA,4DAGA,mDACA,yDACA,0DACA,yDACA,+DACA,gEAGA,4CACA,kDACA,oDACA,qDACA,kDACA,wDACA,yDAGA,gDACA,sDACA,uDACA,yDACA,sDACA,4DACA,6DAGA,iDACA,uDACA,wDACA,0DACA,uDACA,6DACA,8DAGA,6CACA,mDACA,oDACA,sDACA,mDACA,yDACA,0DAGA,gDACA,kDACA,kDACA,kDACA,iDACA,8CACA,8CACA,8CACA,wCAGA,4CACA,kDACA,oDACA,qDACA,qDAGA,+CACA,+CACA,+CACA,+CACA,+CACA,gDACA,gDACA,gDAGA,iDACA,oDACA,qDACA,uDACA,qDACA,qDAGA,2BACA,0BACA,0BACA,0BACA,4BACA,6BACA,+BACA,gCAGA,6BACA,6BACA,6BACA,8BACA,+BAGA,mBACA,kBACA,kBACA,kBACA,mBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,0BACA,0BAGA,2CACA,4CACA,4CACA,8CAGA,uBACA,uBACA,uBACA,wBAGA,mBACA,oBACA,qBACA,qBACA","file":"index.min.css"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gct-paas/scss",
|
|
3
|
-
"version": "0.1.4-dev.
|
|
3
|
+
"version": "0.1.4-dev.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "paas 平台样式框架包",
|
|
6
6
|
"main": "dist/index.min.cjs",
|
|
@@ -50,10 +50,10 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"normalize.css": "^8.0.1",
|
|
53
|
-
"vue": "^3.5.
|
|
53
|
+
"vue": "^3.5.27"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
|
-
"sass": "^1.
|
|
56
|
+
"sass": "^1.97.3"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "331b60348593f6afa0ccaa54fcdd52435b7876fa"
|
|
59
59
|
}
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
#{getCssVarName(pr-gray, 1)}: 252, 252, 253;
|
|
65
65
|
#{getCssVarName(pr-gray, 2)}: 249, 250, 251;
|
|
66
66
|
#{getCssVarName(pr-gray, 3)}: 242, 245, 248;
|
|
67
|
-
#{getCssVarName(pr-gray, 4)}: 224, 227,
|
|
67
|
+
#{getCssVarName(pr-gray, 4)}: 224, 227, 235;
|
|
68
68
|
#{getCssVarName(pr-gray, 5)}: 202, 207, 216;
|
|
69
69
|
#{getCssVarName(pr-gray, 6)}: 169, 175, 188;
|
|
70
70
|
#{getCssVarName(pr-gray, 7)}: 134, 138, 150;
|
|
@@ -142,11 +142,11 @@
|
|
|
142
142
|
#{getCssVarName(color, danger, light, active)}: rgba(var(#{getCssVarName(red, 3)}), 1);
|
|
143
143
|
|
|
144
144
|
// 文本/图标颜色
|
|
145
|
-
#{getCssVarName(color, text)}: rgba(var(#{getCssVarName(gray,
|
|
146
|
-
#{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(gray,
|
|
147
|
-
#{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(gray,
|
|
148
|
-
#{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(gray, 10)}), 1);
|
|
149
|
-
#{getCssVarName(color, text, 4)}: rgba(var(#{getCssVarName(gray, 9)}), 1);
|
|
145
|
+
#{getCssVarName(color, text)}: rgba(var(#{getCssVarName(pr-gray, 12)}), 1);
|
|
146
|
+
#{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(pr-gray, 11)}), 1);
|
|
147
|
+
#{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(pr-gray, 10)}), 1);
|
|
148
|
+
#{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(pr-gray, 10)}), 1);
|
|
149
|
+
#{getCssVarName(color, text, 4)}: rgba(var(#{getCssVarName(pr-gray, 9)}), 1);
|
|
150
150
|
#{getCssVarName(color, text, 5)}: rgba(var(#{getCssVarName(gray, 7)}), 1);
|
|
151
151
|
#{getCssVarName(color, text, 6)}: rgba(var(#{getCssVarName(gray, 6)}), 1);
|
|
152
152
|
#{getCssVarName(color, text, 7)}: rgba(var(#{getCssVarName(gray, 5)}), 1);
|
|
@@ -196,10 +196,10 @@
|
|
|
196
196
|
|
|
197
197
|
// 图标尺寸
|
|
198
198
|
#{getCssVarName(icon, xs)}: 12px;
|
|
199
|
-
#{getCssVarName(icon, s)}:
|
|
200
|
-
#{getCssVarName(icon, m)}:
|
|
201
|
-
#{getCssVarName(icon, l)}:
|
|
202
|
-
#{getCssVarName(icon, xl)}:
|
|
199
|
+
#{getCssVarName(icon, s)}: 14px;
|
|
200
|
+
#{getCssVarName(icon, m)}: 16px;
|
|
201
|
+
#{getCssVarName(icon, l)}: 20px;
|
|
202
|
+
#{getCssVarName(icon, xl)}: 24px;
|
|
203
203
|
|
|
204
204
|
// 间距
|
|
205
205
|
#{getCssVarName(spacing, 1)}: 2px;
|
package/style/tools/mixin.scss
CHANGED
|
@@ -5,6 +5,15 @@ $B: null;
|
|
|
5
5
|
$E: null;
|
|
6
6
|
|
|
7
7
|
// BEM
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* 定义 Block 块
|
|
11
|
+
* @param {String} $block - Block 块名称
|
|
12
|
+
* @example
|
|
13
|
+
* @include b('button') {
|
|
14
|
+
* padding: 10px;
|
|
15
|
+
* }
|
|
16
|
+
*/
|
|
8
17
|
@mixin b($block) {
|
|
9
18
|
$B: config.$namespace + '-' + $block !global;
|
|
10
19
|
|
|
@@ -13,6 +22,22 @@ $E: null;
|
|
|
13
22
|
}
|
|
14
23
|
}
|
|
15
24
|
|
|
25
|
+
/**
|
|
26
|
+
* 定义 Element 元素
|
|
27
|
+
* @param {String|List} $element - Element 元素名称，支持单个或多个
|
|
28
|
+
* @example
|
|
29
|
+
* @include b('button') {
|
|
30
|
+
* @include e('text') {
|
|
31
|
+
* color: #000;
|
|
32
|
+
* }
|
|
33
|
+
* }
|
|
34
|
+
* // 或传入多个元素
|
|
35
|
+
* @include b('button') {
|
|
36
|
+
* @include e(('text', 'icon')) {
|
|
37
|
+
* margin: 5px;
|
|
38
|
+
* }
|
|
39
|
+
* }
|
|
40
|
+
*/
|
|
16
41
|
@mixin e($element) {
|
|
17
42
|
$E: $element !global;
|
|
18
43
|
$selector: &;
|
|
@@ -39,6 +64,23 @@ $E: null;
|
|
|
39
64
|
}
|
|
40
65
|
}
|
|
41
66
|
|
|
67
|
+
/**
|
|
68
|
+
* 定义 Modifier 修饰符
|
|
69
|
+
* @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
|
|
70
|
+
* @example
|
|
71
|
+
* @include b('button') {
|
|
72
|
+
* @include m('primary') {
|
|
73
|
+
* background: blue;
|
|
74
|
+
* }
|
|
75
|
+
* }
|
|
76
|
+
* // 或传入多个修饰符
|
|
77
|
+
* @include b('button') {
|
|
78
|
+
* @include m(('primary', 'large')) {
|
|
79
|
+
* background: blue;
|
|
80
|
+
* font-size: 16px;
|
|
81
|
+
* }
|
|
82
|
+
* }
|
|
83
|
+
*/
|
|
42
84
|
@mixin m($modifier) {
|
|
43
85
|
$selector: &;
|
|
44
86
|
$currentSelector: '';
|
|
@@ -54,6 +96,16 @@ $E: null;
|
|
|
54
96
|
}
|
|
55
97
|
}
|
|
56
98
|
|
|
99
|
+
/**
|
|
100
|
+
* 定义状态选择器
|
|
101
|
+
* @param {String} $state - 状态名称
|
|
102
|
+
* @example
|
|
103
|
+
* @include b('button') {
|
|
104
|
+
* @include when('disabled') {
|
|
105
|
+
* opacity: 0.5;
|
|
106
|
+
* }
|
|
107
|
+
* }
|
|
108
|
+
*/
|
|
57
109
|
@mixin when($state) {
|
|
58
110
|
@at-root {
|
|
59
111
|
&.#{config.$state-prefix + $state} {
|
|
@@ -62,7 +114,15 @@ $E: null;
|
|
|
62
114
|
}
|
|
63
115
|
}
|
|
64
116
|
|
|
65
|
-
|
|
117
|
+
/**
|
|
118
|
+
* 深色主题样式
|
|
119
|
+
* @param {String} $block - Block 块名称
|
|
120
|
+
* @example
|
|
121
|
+
* @include dark('button') {
|
|
122
|
+
* background: #333;
|
|
123
|
+
* color: #fff;
|
|
124
|
+
* }
|
|
125
|
+
*/
|
|
66
126
|
@mixin dark($block) {
|
|
67
127
|
html.dark {
|
|
68
128
|
@include b($block) {
|