Initial project

src/assets/style/variable.less

@@ -0,0 +1,58 @@
+@tuiColors: {
+	red: #F33;
+	pink: #FF7A9B;
+	black: #111;
+	blue: #006EFF;
+	light-blue: #00A6FF;
+	green: GREEN;
+	orange: #E7913B;
+	gray: #666;
+	light-gray: #AAA;
+	dark-white: #E7EAEF;
+	yellow: #FF0;
+	purple: PURPLE;
+}
+
+:root {
+	--tui-font: SimSun, PingFang SC, Microsoft YaHei, Arial Regular;
+	--tui-cur-default: url("../img/default.png"), default;
+	--tui-cur-pointer: url("../img/link.png"), pointer;
+	--tui-cur-text: url("../img/input.png"), text;
+
+	--tui-shadow: 3px 3px 0 var(--tui-shadow-color);
+	--tui-bezier: cubic-bezier(.19, .1, .22, 1);
+	--tui-shadow-color: rgba(0, 0, 0, .2);
+
+	each(@tuiColors, {
+		--tui-@{key}: @value;
+	});
+	--tui-border: 1px solid var(--tui-light-gray);
+
+	/* 等级对应颜色 */
+	--tui-level-0: #BFBFBF;
+	--tui-level-1: #BFBFBF;
+	--tui-level-2: #95DDB2;
+	--tui-level-3: #92D1E5;
+	--tui-level-4: #FFB37C;
+	--tui-level-5: #FF6C00;
+	--tui-level-6: #F00;
+	--tui-level-7: #E52FEC;
+	--tui-level-8: #841CF9;
+	--tui-level-9: #151515;
+
+	--tui-page-padding: .5rem 1rem;
+}
+
+// 字体颜色
+each(@tuiColors, {
+	.@{key} {
+		color: @value;
+	}
+});
+
+// 背景颜色
+each(@tuiColors, {
+	.bg-@{key} {
+		background: @value;
+	}
+});