@mixin tableBackground($background, $color: rgba(0, 0, 0, 0.85)) {
|
color: $color;
|
background: $background;
|
.baseboard {
|
background: $background;
|
}
|
}
|
|
.mingke-table {
|
.ant-cascader-menu {
|
min-width: 120px;
|
height: 200px;
|
}
|
.ant-cascader-menu + .ant-cascader-menu {
|
min-width: 130px;
|
.ant-cascader-menu-item {
|
padding: 0;
|
div {
|
padding: 5px 12px;
|
.anticon {
|
font-size: 18px;
|
}
|
}
|
}
|
.ant-cascader-menu-item:hover {
|
background: unset;
|
}
|
}
|
// dust-red
|
.background.dust-red-1 {
|
@include tableBackground(#fff1f0);
|
}
|
.background.dust-red-2 {
|
@include tableBackground(#ffccc7);
|
}
|
.background.dust-red-3 {
|
@include tableBackground(#ffa39e);
|
}
|
.background.dust-red-4 {
|
@include tableBackground(#ff7875);
|
}
|
.background.dust-red-5 {
|
@include tableBackground(#ff4d4f);
|
}
|
.background.dust-red-6 {
|
@include tableBackground(#f5222d, #ffffff);
|
}
|
.background.dust-red-7 {
|
@include tableBackground(#cf1322, #ffffff);
|
}
|
.background.dust-red-8 {
|
@include tableBackground(#a8071a, #ffffff);
|
}
|
.background.dust-red-9 {
|
@include tableBackground(#820014, #ffffff);
|
}
|
.background.dust-red-10 {
|
@include tableBackground(#5c0011, #ffffff);
|
}
|
|
// volcano
|
.background.volcano-1 {
|
@include tableBackground(#fff2e8);
|
}
|
.background.volcano-2 {
|
@include tableBackground(#ffd8bf);
|
}
|
.background.volcano-3 {
|
@include tableBackground(#ffbb96);
|
}
|
.background.volcano-4 {
|
@include tableBackground(#ff9c6e);
|
}
|
.background.volcano-5 {
|
@include tableBackground(#ff7a45);
|
}
|
.background.volcano-6 {
|
@include tableBackground(#fa541c, #ffffff);
|
}
|
.background.volcano-7 {
|
@include tableBackground(#d4380d, #ffffff);
|
}
|
.background.volcano-8 {
|
@include tableBackground(#ad2102, #ffffff);
|
}
|
.background.volcano-9 {
|
@include tableBackground(#871400, #ffffff);
|
}
|
.background.volcano-10 {
|
@include tableBackground(#610b00, #ffffff);
|
}
|
|
// orange
|
.background.orange-1 {
|
@include tableBackground(#fff7e6);
|
}
|
.background.orange-2 {
|
@include tableBackground(#ffe7ba);
|
}
|
.background.orange-3 {
|
@include tableBackground(#ffd591);
|
}
|
.background.orange-4 {
|
@include tableBackground(#ffc069);
|
}
|
.background.orange-5 {
|
@include tableBackground(#ffa940);
|
}
|
.background.orange-6 {
|
@include tableBackground(#fa8c16, #ffffff);
|
}
|
.background.orange-7 {
|
@include tableBackground(#d46b08, #ffffff);
|
}
|
.background.orange-8 {
|
@include tableBackground(#ad4e00, #ffffff);
|
}
|
.background.orange-9 {
|
@include tableBackground(#873800, #ffffff);
|
}
|
.background.orange-10 {
|
@include tableBackground(#612500, #ffffff);
|
}
|
|
// gold
|
.background.gold-1 {
|
@include tableBackground(#fffbe6);
|
}
|
.background.gold-2 {
|
@include tableBackground(#fff1b8);
|
}
|
.background.gold-3 {
|
@include tableBackground(#ffe58f);
|
}
|
.background.gold-4 {
|
@include tableBackground(#ffd666);
|
}
|
.background.gold-5 {
|
@include tableBackground(#ffc53d);
|
}
|
.background.gold-6 {
|
@include tableBackground(#faad14, #ffffff);
|
}
|
.background.gold-7 {
|
@include tableBackground(#d48806, #ffffff);
|
}
|
.background.gold-8 {
|
@include tableBackground(#ad6800, #ffffff);
|
}
|
.background.gold-9 {
|
@include tableBackground(#874d00, #ffffff);
|
}
|
.background.gold-10 {
|
@include tableBackground(#613400, #ffffff);
|
}
|
|
// yellow
|
.background.yellow-1 {
|
@include tableBackground(#feffe6);
|
}
|
.background.yellow-2 {
|
@include tableBackground(#ffffb8);
|
}
|
.background.yellow-3 {
|
@include tableBackground(#fffb8f);
|
}
|
.background.yellow-4 {
|
@include tableBackground(#fff566);
|
}
|
.background.yellow-5 {
|
@include tableBackground(#ffec3d);
|
}
|
.background.yellow-6 {
|
@include tableBackground(#fadb14, #ffffff);
|
}
|
.background.yellow-7 {
|
@include tableBackground(#d4b106, #ffffff);
|
}
|
.background.yellow-8 {
|
@include tableBackground(#ad8b00, #ffffff);
|
}
|
.background.yellow-9 {
|
@include tableBackground(#876800, #ffffff);
|
}
|
.background.yellow-10 {
|
@include tableBackground(#614700, #ffffff);
|
}
|
|
// lime
|
.background.lime-1 {
|
@include tableBackground(#fcffe6);
|
}
|
.background.lime-2 {
|
@include tableBackground(#f4ffb8);
|
}
|
.background.lime-3 {
|
@include tableBackground(#eaff8f);
|
}
|
.background.lime-4 {
|
@include tableBackground(#d3f261);
|
}
|
.background.lime-5 {
|
@include tableBackground(#bae637);
|
}
|
.background.lime-6 {
|
@include tableBackground(#a0d911, #ffffff);
|
}
|
.background.lime-7 {
|
@include tableBackground(#7cb305, #ffffff);
|
}
|
.background.lime-8 {
|
@include tableBackground(#5b8c00, #ffffff);
|
}
|
.background.lime-9 {
|
@include tableBackground(#3f6600, #ffffff);
|
}
|
.background.lime-10 {
|
@include tableBackground(#254000, #ffffff);
|
}
|
|
// green
|
.background.green-1 {
|
@include tableBackground(#f6ffed);
|
}
|
.background.green-2 {
|
@include tableBackground(#d9f7be);
|
}
|
.background.green-3 {
|
@include tableBackground(#b7eb8f);
|
}
|
.background.green-4 {
|
@include tableBackground(#95de64);
|
}
|
.background.green-5 {
|
@include tableBackground(#73d13d);
|
}
|
.background.green-6 {
|
@include tableBackground(#52c41a, #ffffff);
|
}
|
.background.green-7 {
|
@include tableBackground(#389e0d, #ffffff);
|
}
|
.background.green-8 {
|
@include tableBackground(#237804, #ffffff);
|
}
|
.background.green-9 {
|
@include tableBackground(#135200, #ffffff);
|
}
|
.background.green-10 {
|
@include tableBackground(#092b00, #ffffff);
|
}
|
|
// cyan
|
.background.cyan-1 {
|
@include tableBackground(#e6fffb);
|
}
|
.background.cyan-2 {
|
@include tableBackground(#b5f5ec);
|
}
|
.background.cyan-3 {
|
@include tableBackground(#87e8de);
|
}
|
.background.cyan-4 {
|
@include tableBackground(#5cdbd3);
|
}
|
.background.cyan-5 {
|
@include tableBackground(#36cfc9);
|
}
|
.background.cyan-6 {
|
@include tableBackground(#13c2c2, #ffffff);
|
}
|
.background.cyan-7 {
|
@include tableBackground(#08979c, #ffffff);
|
}
|
.background.cyan-8 {
|
@include tableBackground(#006d75, #ffffff);
|
}
|
.background.cyan-9 {
|
@include tableBackground(#00474f, #ffffff);
|
}
|
.background.cyan-10 {
|
@include tableBackground(#002329, #ffffff);
|
}
|
|
// blue
|
.background.blue-1 {
|
@include tableBackground(#e6f7ff);
|
}
|
.background.blue-2 {
|
@include tableBackground(#bae7ff);
|
}
|
.background.blue-3 {
|
@include tableBackground(#91d5ff);
|
}
|
.background.blue-4 {
|
@include tableBackground(#69c0ff);
|
}
|
.background.blue-5 {
|
@include tableBackground(#40a9ff);
|
}
|
.background.blue-6 {
|
@include tableBackground(#1890ff, #ffffff);
|
}
|
.background.blue-7 {
|
@include tableBackground(#096dd9, #ffffff);
|
}
|
.background.blue-8 {
|
@include tableBackground(#0050b3, #ffffff);
|
}
|
.background.blue-9 {
|
@include tableBackground(#003a8c, #ffffff);
|
}
|
.background.blue-10 {
|
@include tableBackground(#002766, #ffffff);
|
}
|
|
// geekblue
|
.background.geekblue-1 {
|
@include tableBackground(#f0f6ff);
|
}
|
.background.geekblue-2 {
|
@include tableBackground(#dee9ff);
|
}
|
.background.geekblue-3 {
|
@include tableBackground(#b5ccff);
|
}
|
.background.geekblue-4 {
|
@include tableBackground(#8cadff);
|
}
|
.background.geekblue-5 {
|
@include tableBackground(#638aff);
|
}
|
.background.geekblue-6 {
|
@include tableBackground(#3860f4, #ffffff);
|
}
|
.background.geekblue-7 {
|
@include tableBackground(#2544cf, #ffffff);
|
}
|
.background.geekblue-8 {
|
@include tableBackground(#162ca8, #ffffff);
|
}
|
.background.geekblue-9 {
|
@include tableBackground(#0a1882, #ffffff);
|
}
|
.background.geekblue-10 {
|
@include tableBackground(#060e5c, #ffffff);
|
}
|
|
// purple
|
.background.purple-1 {
|
@include tableBackground(#f9f0ff);
|
}
|
.background.purple-2 {
|
@include tableBackground(#efdbff);
|
}
|
.background.purple-3 {
|
@include tableBackground(#d3adf7);
|
}
|
.background.purple-4 {
|
@include tableBackground(#b37feb);
|
}
|
.background.purple-5 {
|
@include tableBackground(#9254de);
|
}
|
.background.purple-6 {
|
@include tableBackground(#722ed1, #ffffff);
|
}
|
.background.purple-7 {
|
@include tableBackground(#531dab, #ffffff);
|
}
|
.background.purple-8 {
|
@include tableBackground(#391085, #ffffff);
|
}
|
.background.purple-9 {
|
@include tableBackground(#22075e, #ffffff);
|
}
|
.background.purple-10 {
|
@include tableBackground(#120338, #ffffff);
|
}
|
|
// magenta
|
.background.magenta-1 {
|
@include tableBackground(#fff0f6);
|
}
|
.background.magenta-2 {
|
@include tableBackground(#ffd6e7);
|
}
|
.background.magenta-3 {
|
@include tableBackground(#ffadd2);
|
}
|
.background.magenta-4 {
|
@include tableBackground(#ff85c0);
|
}
|
.background.magenta-5 {
|
@include tableBackground(#f759ab);
|
}
|
.background.magenta-6 {
|
@include tableBackground(#eb2f96, #ffffff);
|
}
|
.background.magenta-7 {
|
@include tableBackground(#c41d7f, #ffffff);
|
}
|
.background.magenta-8 {
|
@include tableBackground(#9e1068, #ffffff);
|
}
|
.background.magenta-9 {
|
@include tableBackground(#780650, #ffffff);
|
}
|
.background.magenta-10 {
|
@include tableBackground(#520339, #ffffff);
|
}
|
|
// gray
|
.background.transparent {
|
@include tableBackground(transparent);
|
}
|
.background.gray-1 {
|
@include tableBackground(#f5f5f5);
|
}
|
.background.gray-2 {
|
@include tableBackground(#f0f0f0);
|
}
|
.background.gray-3 {
|
@include tableBackground(#d9d9d9);
|
}
|
.background.gray-4 {
|
@include tableBackground(#bfbfbf);
|
}
|
.background.gray-5 {
|
@include tableBackground(#8c8c8c);
|
}
|
.background.gray-6 {
|
@include tableBackground(#595959, #ffffff);
|
}
|
.background.gray-7 {
|
@include tableBackground(#434343, #ffffff);
|
}
|
.background.gray-8 {
|
@include tableBackground(#262626, #ffffff);
|
}
|
.background.gray-9 {
|
@include tableBackground(#1f1f1f, #ffffff);
|
}
|
.background.gray-10 {
|
@include tableBackground(#141414, #ffffff);
|
}
|
|
/* ******************************* */
|
|
// .font {
|
// background: #ffffff;
|
// }
|
// dust-red
|
.font.dust-red-1 {
|
color: #fff1f0;
|
}
|
.font.dust-red-2 {
|
color: #ffccc7;
|
}
|
.font.dust-red-3 {
|
color: #ffa39e;
|
}
|
.font.dust-red-4 {
|
color: #ff7875;
|
}
|
.font.dust-red-5 {
|
color: #ff4d4f;
|
}
|
.font.dust-red-6 {
|
color: #f5222d;
|
}
|
.font.dust-red-7 {
|
color: #cf1322;
|
}
|
.font.dust-red-8 {
|
color: #a8071a;
|
}
|
.font.dust-red-9 {
|
color: #820014;
|
}
|
.font.dust-red-10 {
|
color: #5c0011;
|
}
|
|
// volcano
|
.font.volcano-1 {
|
color: #fff2e8;
|
}
|
.font.volcano-2 {
|
color: #ffd8bf;
|
}
|
.font.volcano-3 {
|
color: #ffbb96;
|
}
|
.font.volcano-4 {
|
color: #ff9c6e;
|
}
|
.font.volcano-5 {
|
color: #ff7a45;
|
}
|
.font.volcano-6 {
|
color: #fa541c;
|
}
|
.font.volcano-7 {
|
color: #d4380d;
|
}
|
.font.volcano-8 {
|
color: #ad2102;
|
}
|
.font.volcano-9 {
|
color: #871400;
|
}
|
.font.volcano-10 {
|
color: #610b00;
|
}
|
|
// orange
|
.font.orange-1 {
|
color: #fff7e6;
|
}
|
.font.orange-2 {
|
color: #ffe7ba;
|
}
|
.font.orange-3 {
|
color: #ffd591;
|
}
|
.font.orange-4 {
|
color: #ffc069;
|
}
|
.font.orange-5 {
|
color: #ffa940;
|
}
|
.font.orange-6 {
|
color: #fa8c16;
|
}
|
.font.orange-7 {
|
color: #d46b08;
|
}
|
.font.orange-8 {
|
color: #ad4e00;
|
}
|
.font.orange-9 {
|
color: #873800;
|
}
|
.font.orange-10 {
|
color: #612500;
|
}
|
|
// gold
|
.font.gold-1 {
|
color: #fffbe6;
|
}
|
.font.gold-2 {
|
color: #fff1b8;
|
}
|
.font.gold-3 {
|
color: #ffe58f;
|
}
|
.font.gold-4 {
|
color: #ffd666;
|
}
|
.font.gold-5 {
|
color: #ffc53d;
|
}
|
.font.gold-6 {
|
color: #faad14;
|
}
|
.font.gold-7 {
|
color: #d48806;
|
}
|
.font.gold-8 {
|
color: #ad6800;
|
}
|
.font.gold-9 {
|
color: #874d00;
|
}
|
.font.gold-10 {
|
color: #613400;
|
}
|
|
// yellow
|
.font.yellow-1 {
|
color: #feffe6;
|
}
|
.font.yellow-2 {
|
color: #ffffb8;
|
}
|
.font.yellow-3 {
|
color: #fffb8f;
|
}
|
.font.yellow-4 {
|
color: #fff566;
|
}
|
.font.yellow-5 {
|
color: #ffec3d;
|
}
|
.font.yellow-6 {
|
color: #fadb14;
|
}
|
.font.yellow-7 {
|
color: #d4b106;
|
}
|
.font.yellow-8 {
|
color: #ad8b00;
|
}
|
.font.yellow-9 {
|
color: #876800;
|
}
|
.font.yellow-10 {
|
color: #614700;
|
}
|
|
// lime
|
.font.lime-1 {
|
color: #fcffe6;
|
}
|
.font.lime-2 {
|
color: #f4ffb8;
|
}
|
.font.lime-3 {
|
color: #eaff8f;
|
}
|
.font.lime-4 {
|
color: #d3f261;
|
}
|
.font.lime-5 {
|
color: #bae637;
|
}
|
.font.lime-6 {
|
color: #a0d911;
|
}
|
.font.lime-7 {
|
color: #7cb305;
|
}
|
.font.lime-8 {
|
color: #5b8c00;
|
}
|
.font.lime-9 {
|
color: #3f6600;
|
}
|
.font.lime-10 {
|
color: #254000;
|
}
|
|
// green
|
.font.green-1 {
|
color: #f6ffed;
|
}
|
.font.green-2 {
|
color: #d9f7be;
|
}
|
.font.green-3 {
|
color: #b7eb8f;
|
}
|
.font.green-4 {
|
color: #95de64;
|
}
|
.font.green-5 {
|
color: #73d13d;
|
}
|
.font.green-6 {
|
color: #52c41a;
|
}
|
.font.green-7 {
|
color: #389e0d;
|
}
|
.font.green-8 {
|
color: #237804;
|
}
|
.font.green-9 {
|
color: #135200;
|
}
|
.font.green-10 {
|
color: #092b00;
|
}
|
|
// cyan
|
.font.cyan-1 {
|
color: #e6fffb;
|
}
|
.font.cyan-2 {
|
color: #b5f5ec;
|
}
|
.font.cyan-3 {
|
color: #87e8de;
|
}
|
.font.cyan-4 {
|
color: #5cdbd3;
|
}
|
.font.cyan-5 {
|
color: #36cfc9;
|
}
|
.font.cyan-6 {
|
color: #13c2c2;
|
}
|
.font.cyan-7 {
|
color: #08979c;
|
}
|
.font.cyan-8 {
|
color: #006d75;
|
}
|
.font.cyan-9 {
|
color: #00474f;
|
}
|
.font.cyan-10 {
|
color: #002329;
|
}
|
|
// blue
|
.font.blue-1 {
|
color: #e6f7ff;
|
}
|
.font.blue-2 {
|
color: #bae7ff;
|
}
|
.font.blue-3 {
|
color: #91d5ff;
|
}
|
.font.blue-4 {
|
color: #69c0ff;
|
}
|
.font.blue-5 {
|
color: #40a9ff;
|
}
|
.font.blue-6 {
|
color: #1890ff;
|
}
|
.font.blue-7 {
|
color: #096dd9;
|
}
|
.font.blue-8 {
|
color: #0050b3;
|
}
|
.font.blue-9 {
|
color: #003a8c;
|
}
|
.font.blue-10 {
|
color: #002766;
|
}
|
|
// geekblue
|
.font.geekblue-1 {
|
color: #f0f6ff;
|
}
|
.font.geekblue-2 {
|
color: #dee9ff;
|
}
|
.font.geekblue-3 {
|
color: #b5ccff;
|
}
|
.font.geekblue-4 {
|
color: #8cadff;
|
}
|
.font.geekblue-5 {
|
color: #638aff;
|
}
|
.font.geekblue-6 {
|
color: #3860f4;
|
}
|
.font.geekblue-7 {
|
color: #2544cf;
|
}
|
.font.geekblue-8 {
|
color: #162ca8;
|
}
|
.font.geekblue-9 {
|
color: #0a1882;
|
}
|
.font.geekblue-10 {
|
color: #060e5c;
|
}
|
|
// purple
|
.font.purple-1 {
|
color: #f9f0ff;
|
}
|
.font.purple-2 {
|
color: #efdbff;
|
}
|
.font.purple-3 {
|
color: #d3adf7;
|
}
|
.font.purple-4 {
|
color: #b37feb;
|
}
|
.font.purple-5 {
|
color: #9254de;
|
}
|
.font.purple-6 {
|
color: #722ed1;
|
}
|
.font.purple-7 {
|
color: #531dab;
|
}
|
.font.purple-8 {
|
color: #391085;
|
}
|
.font.purple-9 {
|
color: #22075e;
|
}
|
.font.purple-10 {
|
color: #120338;
|
}
|
|
// magenta
|
.font.magenta-1 {
|
color: #fff0f6;
|
}
|
.font.magenta-2 {
|
color: #ffd6e7;
|
}
|
.font.magenta-3 {
|
color: #ffadd2;
|
}
|
.font.magenta-4 {
|
color: #ff85c0;
|
}
|
.font.magenta-5 {
|
color: #f759ab;
|
}
|
.font.magenta-6 {
|
color: #eb2f96;
|
}
|
.font.magenta-7 {
|
color: #c41d7f;
|
}
|
.font.magenta-8 {
|
color: #9e1068;
|
}
|
.font.magenta-9 {
|
color: #780650;
|
}
|
.font.magenta-10 {
|
color: #520339;
|
}
|
|
// gray
|
.font.transparent {
|
color: transparent;
|
}
|
.font.gray-1 {
|
color: #f5f5f5;
|
}
|
.font.gray-2 {
|
color: #f0f0f0;
|
}
|
.font.gray-3 {
|
color: #d9d9d9;
|
}
|
.font.gray-4 {
|
color: #bfbfbf;
|
}
|
.font.gray-5 {
|
color: #8c8c8c;
|
}
|
.font.gray-6 {
|
color: #595959;
|
}
|
.font.gray-7 {
|
color: #434343;
|
}
|
.font.gray-8 {
|
color: #262626;
|
}
|
.font.gray-9 {
|
color: #1f1f1f;
|
}
|
.font.gray-10 {
|
color: #141414;
|
}
|
}
|
