..
This commit is contained in:
@@ -445,29 +445,17 @@
|
||||
}
|
||||
|
||||
:root {
|
||||
/*--color-primary: #1890ff;*/
|
||||
/*--color-primary-1: #e6f7ff;*/
|
||||
/*--color-primary-2: #bae7ff;*/
|
||||
/*--color-primary-3: #91d5ff;*/
|
||||
/*--color-primary-4: #69c0ff;*/
|
||||
/*--color-primary-5: #73d13d;*/
|
||||
/*--color-primary-6: #1890ff;*/
|
||||
/*--color-primary-7: #096dd9;*/
|
||||
/*--color-primary-8: #0050b3;*/
|
||||
/*--color-primary-9: #003a8c;*/
|
||||
/*--color-primary-10: #002766;*/
|
||||
|
||||
--color-primary: #217050;
|
||||
--color-primary-1: #e8f5eb;
|
||||
--color-primary-2: #c3e6d1;
|
||||
--color-primary-3: #9dd7b7;
|
||||
--color-primary-4: #78c89d;
|
||||
--color-primary-5: #53b983;
|
||||
--color-primary-6: #217050; /* 主色 */
|
||||
--color-primary-7: #1a5a40;
|
||||
--color-primary-8: #134330;
|
||||
--color-primary-9: #0d2d20;
|
||||
--color-primary-10: #061610;
|
||||
--color-primary: #006db9; /* 主色 */
|
||||
--color-primary-1: #e6f3ff; /* 最浅,用于浅色背景 */
|
||||
--color-primary-2: #b3d9ff; /* 较浅,用于 hover/light-bg */
|
||||
--color-primary-3: #80c0ff; /* 轻微强调 */
|
||||
--color-primary-4: #4da6ff; /* 中等强调 */
|
||||
--color-primary-5: #1a8cff; /* 较强强调 */
|
||||
--color-primary-6: #006db9; /* 主色(默认) */
|
||||
--color-primary-7: #005aa3; /* 点击/active 状态 */
|
||||
--color-primary-8: #00468c; /* 较深,用于文字/强调 */
|
||||
--color-primary-9: #003370; /* 更深,用于深色模式 */
|
||||
--color-primary-10: #002054; /* 最深,用于特殊强调 */
|
||||
|
||||
--color-success: #52c41a;
|
||||
--color-success-1: #f6ffed;
|
||||
|
||||
@@ -51,6 +51,7 @@
|
||||
flex-wrap: wrap;
|
||||
column-gap: 50px;
|
||||
row-gap: 10px;
|
||||
container-type: inline-size;
|
||||
}
|
||||
|
||||
.search .search-item {
|
||||
@@ -120,6 +121,25 @@
|
||||
}
|
||||
}
|
||||
|
||||
@container (max-width: 800px) {
|
||||
.search .search-item {
|
||||
width: calc((100%) / 3);
|
||||
}
|
||||
}
|
||||
|
||||
@container (max-width: 600px) {
|
||||
.search .search-item {
|
||||
width: calc((100%) / 2);
|
||||
}
|
||||
}
|
||||
|
||||
@container (max-width: 400px) {
|
||||
.search .search-item {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Text Color Variant
|
||||
*
|
||||
|
||||
Reference in New Issue
Block a user