From a7d095c78d1320a4e01bd59dbd07043bf0cf68ba Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 27 五月 2020 12:15:51 +0800
Subject: [PATCH] 2020-05-27

---
 src/assets/css/table.scss |  921 ++++++++------------------------------------------------
 1 files changed, 141 insertions(+), 780 deletions(-)

diff --git a/src/assets/css/table.scss b/src/assets/css/table.scss
index 8e126af..7e5ce1a 100644
--- a/src/assets/css/table.scss
+++ b/src/assets/css/table.scss
@@ -1,3 +1,11 @@
+@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;
@@ -20,1485 +28,838 @@
   }
   // dust-red
   .background.dust-red-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff1f0;
-    .baseboard {
-      background: #fff1f0;
-    }
+    @include tableBackground(#fff1f0);
   }
   .background.dust-red-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffccc7;
-    .baseboard {
-      background: #ffccc7;
-    }
+    @include tableBackground(#ffccc7);
   }
   .background.dust-red-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffa39e;
-    .baseboard {
-      background: #ffa39e;
-    }
+    @include tableBackground(#ffa39e);
   }
   .background.dust-red-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff7875;
-    .baseboard {
-      background: #ff7875;
-    }
+    @include tableBackground(#ff7875);
   }
   .background.dust-red-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff4d4f;
-    .baseboard {
-      background: #ff4d4f;
-    }
+    @include tableBackground(#ff4d4f);
   }
   .background.dust-red-6 {
-    color: #ffffff;
-    background: #f5222d;
-    .baseboard {
-      background: #f5222d;
-    }
+    @include tableBackground(#f5222d, #ffffff);
   }
   .background.dust-red-7 {
-    color: #ffffff;
-    background: #cf1322;
-    .baseboard {
-      background: #cf1322;
-    }
+    @include tableBackground(#cf1322, #ffffff);
   }
   .background.dust-red-8 {
-    color: #ffffff;
-    background: #a8071a;
-    .baseboard {
-      background: #a8071a;
-    }
+    @include tableBackground(#a8071a, #ffffff);
   }
   .background.dust-red-9 {
-    color: #ffffff;
-    background: #820014;
-    .baseboard {
-      background: #820014;
-    }
+    @include tableBackground(#820014, #ffffff);
   }
   .background.dust-red-10 {
-    color: #ffffff;
-    background: #5c0011;
-    .baseboard {
-      background: #5c0011;
-    }
+    @include tableBackground(#5c0011, #ffffff);
   }
 
   // volcano
   .background.volcano-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff2e8;
-    .baseboard {
-      background: #fff2e8;
-    }
+    @include tableBackground(#fff2e8);
   }
   .background.volcano-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffd8bf;
-    .baseboard {
-      background: #ffd8bf;
-    }
+    @include tableBackground(#ffd8bf);
   }
   .background.volcano-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffbb96;
-    .baseboard {
-      background: #ffbb96;
-    }
+    @include tableBackground(#ffbb96);
   }
   .background.volcano-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff9c6e;
-    .baseboard {
-      background: #ff9c6e;
-    }
+    @include tableBackground(#ff9c6e);
   }
   .background.volcano-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff7a45;
-    .baseboard {
-      background: #ff7a45;
-    }
+    @include tableBackground(#ff7a45);
   }
   .background.volcano-6 {
-    color: #ffffff;
-    background: #fa541c;
-    .baseboard {
-      background: #fa541c;
-    }
+    @include tableBackground(#fa541c, #ffffff);
   }
   .background.volcano-7 {
-    color: #ffffff;
-    background: #d4380d;
-    .baseboard {
-      background: #d4380d;
-    }
+    @include tableBackground(#d4380d, #ffffff);
   }
   .background.volcano-8 {
-    color: #ffffff;
-    background: #ad2102;
-    .baseboard {
-      background: #ad2102;
-    }
+    @include tableBackground(#ad2102, #ffffff);
   }
   .background.volcano-9 {
-    color: #ffffff;
-    background: #871400;
-    .baseboard {
-      background: #871400;
-    }
+    @include tableBackground(#871400, #ffffff);
   }
   .background.volcano-10 {
-    color: #ffffff;
-    background: #610b00;
-    .baseboard {
-      background: #610b00;
-    }
+    @include tableBackground(#610b00, #ffffff);
   }
 
   // orange
   .background.orange-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff7e6;
-    .baseboard {
-      background: #fff7e6;
-    }
+    @include tableBackground(#fff7e6);
   }
   .background.orange-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffe7ba;
-    .baseboard {
-      background: #ffe7ba;
-    }
+    @include tableBackground(#ffe7ba);
   }
   .background.orange-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffd591;
-    .baseboard {
-      background: #ffd591;
-    }
+    @include tableBackground(#ffd591);
   }
   .background.orange-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffc069;
-    .baseboard {
-      background: #ffc069;
-    }
+    @include tableBackground(#ffc069);
   }
   .background.orange-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffa940;
-    .baseboard {
-      background: #ffa940;
-    }
+    @include tableBackground(#ffa940);
   }
   .background.orange-6 {
-    color: #ffffff;
-    background: #fa8c16;
-    .baseboard {
-      background: #fa8c16;
-    }
+    @include tableBackground(#fa8c16, #ffffff);
   }
   .background.orange-7 {
-    color: #ffffff;
-    background: #d46b08;
-    .baseboard {
-      background: #d46b08;
-    }
+    @include tableBackground(#d46b08, #ffffff);
   }
   .background.orange-8 {
-    color: #ffffff;
-    background: #ad4e00;
-    .baseboard {
-      background: #ad4e00;
-    }
+    @include tableBackground(#ad4e00, #ffffff);
   }
   .background.orange-9 {
-    color: #ffffff;
-    background: #873800;
-    .baseboard {
-      background: #873800;
-    }
+    @include tableBackground(#873800, #ffffff);
   }
   .background.orange-10 {
-    color: #ffffff;
-    background: #612500;
-    .baseboard {
-      background: #612500;
-    }
+    @include tableBackground(#612500, #ffffff);
   }
 
   // gold
   .background.gold-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fffbe6;
-    .baseboard {
-      background: #fffbe6;
-    }
+    @include tableBackground(#fffbe6);
   }
   .background.gold-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff1b8;
-    .baseboard {
-      background: #fff1b8;
-    }
+    @include tableBackground(#fff1b8);
   }
   .background.gold-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffe58f;
-    .baseboard {
-      background: #ffe58f;
-    }
+    @include tableBackground(#ffe58f);
   }
   .background.gold-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffd666;
-    .baseboard {
-      background: #ffd666;
-    }
+    @include tableBackground(#ffd666);
   }
   .background.gold-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffc53d;
-    .baseboard {
-      background: #ffc53d;
-    }
+    @include tableBackground(#ffc53d);
   }
   .background.gold-6 {
-    color: #ffffff;
-    background: #faad14;
-    .baseboard {
-      background: #faad14;
-    }
+    @include tableBackground(#faad14, #ffffff);
   }
   .background.gold-7 {
-    color: #ffffff;
-    background: #d48806;
-    .baseboard {
-      background: #d48806;
-    }
+    @include tableBackground(#d48806, #ffffff);
   }
   .background.gold-8 {
-    color: #ffffff;
-    background: #ad6800;
-    .baseboard {
-      background: #ad6800;
-    }
+    @include tableBackground(#ad6800, #ffffff);
   }
   .background.gold-9 {
-    color: #ffffff;
-    background: #874d00;
-    .baseboard {
-      background: #874d00;
-    }
+    @include tableBackground(#874d00, #ffffff);
   }
   .background.gold-10 {
-    color: #ffffff;
-    background: #613400;
-    .baseboard {
-      background: #613400;
-    }
+    @include tableBackground(#613400, #ffffff);
   }
 
   // yellow
   .background.yellow-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #feffe6;
-    .baseboard {
-      background: #feffe6;
-    }
+    @include tableBackground(#feffe6);
   }
   .background.yellow-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffffb8;
-    .baseboard {
-      background: #ffffb8;
-    }
+    @include tableBackground(#ffffb8);
   }
   .background.yellow-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fffb8f;
-    .baseboard {
-      background: #fffb8f;
-    }
+    @include tableBackground(#fffb8f);
   }
   .background.yellow-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff566;
-    .baseboard {
-      background: #fff566;
-    }
+    @include tableBackground(#fff566);
   }
   .background.yellow-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffec3d;
-    .baseboard {
-      background: #ffec3d;
-    }
+    @include tableBackground(#ffec3d);
   }
   .background.yellow-6 {
-    color: #ffffff;
-    background: #fadb14;
-    .baseboard {
-      background: #fadb14;
-    }
+    @include tableBackground(#fadb14, #ffffff);
   }
   .background.yellow-7 {
-    color: #ffffff;
-    background: #d4b106;
-    .baseboard {
-      background: #d4b106;
-    }
+    @include tableBackground(#d4b106, #ffffff);
   }
   .background.yellow-8 {
-    color: #ffffff;
-    background: #ad8b00;
-    .baseboard {
-      background: #ad8b00;
-    }
+    @include tableBackground(#ad8b00, #ffffff);
   }
   .background.yellow-9 {
-    color: #ffffff;
-    background: #876800;
-    .baseboard {
-      background: #876800;
-    }
+    @include tableBackground(#876800, #ffffff);
   }
   .background.yellow-10 {
-    color: #ffffff;
-    background: #614700;
-    .baseboard {
-      background: #614700;
-    }
+    @include tableBackground(#614700, #ffffff);
   }
 
   // lime
   .background.lime-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fcffe6;
-    .baseboard {
-      background: #fcffe6;
-    }
+    @include tableBackground(#fcffe6);
   }
   .background.lime-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f4ffb8;
-    .baseboard {
-      background: #f4ffb8;
-    }
+    @include tableBackground(#f4ffb8);
   }
   .background.lime-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #eaff8f;
-    .baseboard {
-      background: #eaff8f;
-    }
+    @include tableBackground(#eaff8f);
   }
   .background.lime-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d3f261;
-    .baseboard {
-      background: #d3f261;
-    }
+    @include tableBackground(#d3f261);
   }
   .background.lime-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #bae637;
-    .baseboard {
-      background: #bae637;
-    }
+    @include tableBackground(#bae637);
   }
   .background.lime-6 {
-    color: #ffffff;
-    background: #a0d911;
-    .baseboard {
-      background: #a0d911;
-    }
+    @include tableBackground(#a0d911, #ffffff);
   }
   .background.lime-7 {
-    color: #ffffff;
-    background: #7cb305;
-    .baseboard {
-      background: #7cb305;
-    }
+    @include tableBackground(#7cb305, #ffffff);
   }
   .background.lime-8 {
-    color: #ffffff;
-    background: #5b8c00;
-    .baseboard {
-      background: #5b8c00;
-    }
+    @include tableBackground(#5b8c00, #ffffff);
   }
   .background.lime-9 {
-    color: #ffffff;
-    background: #3f6600;
-    .baseboard {
-      background: #3f6600;
-    }
+    @include tableBackground(#3f6600, #ffffff);
   }
   .background.lime-10 {
-    color: #ffffff;
-    background: #254000;
-    .baseboard {
-      background: #254000;
-    }
+    @include tableBackground(#254000, #ffffff);
   }
 
   // green
   .background.green-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f6ffed;
-    .baseboard {
-      background: #f6ffed;
-    }
+    @include tableBackground(#f6ffed);
   }
   .background.green-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d9f7be;
-    .baseboard {
-      background: #d9f7be;
-    }
+    @include tableBackground(#d9f7be);
   }
   .background.green-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #b7eb8f;
-    .baseboard {
-      background: #b7eb8f;
-    }
+    @include tableBackground(#b7eb8f);
   }
   .background.green-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #95de64;
-    .baseboard {
-      background: #95de64;
-    }
+    @include tableBackground(#95de64);
   }
   .background.green-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #73d13d;
-    .baseboard {
-      background: #73d13d;
-    }
+    @include tableBackground(#73d13d);
   }
   .background.green-6 {
-    color: #ffffff;
-    background: #52c41a;
-    .baseboard {
-      background: #52c41a;
-    }
+    @include tableBackground(#52c41a, #ffffff);
   }
   .background.green-7 {
-    color: #ffffff;
-    background: #389e0d;
-    .baseboard {
-      background: #389e0d;
-    }
+    @include tableBackground(#389e0d, #ffffff);
   }
   .background.green-8 {
-    color: #ffffff;
-    background: #237804;
-    .baseboard {
-      background: #237804;
-    }
+    @include tableBackground(#237804, #ffffff);
   }
   .background.green-9 {
-    color: #ffffff;
-    background: #135200;
-    .baseboard {
-      background: #135200;
-    }
+    @include tableBackground(#135200, #ffffff);
   }
   .background.green-10 {
-    color: #ffffff;
-    background: #092b00;
-    .baseboard {
-      background: #092b00;
-    }
+    @include tableBackground(#092b00, #ffffff);
   }
 
   // cyan
   .background.cyan-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #e6fffb;
-    .baseboard {
-      background: #e6fffb;
-    }
+    @include tableBackground(#e6fffb);
   }
   .background.cyan-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #b5f5ec;
-    .baseboard {
-      background: #b5f5ec;
-    }
+    @include tableBackground(#b5f5ec);
   }
   .background.cyan-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #87e8de;
-    .baseboard {
-      background: #87e8de;
-    }
+    @include tableBackground(#87e8de);
   }
   .background.cyan-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #5cdbd3;
-    .baseboard {
-      background: #5cdbd3;
-    }
+    @include tableBackground(#5cdbd3);
   }
   .background.cyan-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #36cfc9;
-    .baseboard {
-      background: #36cfc9;
-    }
+    @include tableBackground(#36cfc9);
   }
   .background.cyan-6 {
-    color: #ffffff;
-    background: #13c2c2;
-    .baseboard {
-      background: #13c2c2;
-    }
+    @include tableBackground(#13c2c2, #ffffff);
   }
   .background.cyan-7 {
-    color: #ffffff;
-    background: #08979c;
-    .baseboard {
-      background: #08979c;
-    }
+    @include tableBackground(#08979c, #ffffff);
   }
   .background.cyan-8 {
-    color: #ffffff;
-    background: #006d75;
-    .baseboard {
-      background: #006d75;
-    }
+    @include tableBackground(#006d75, #ffffff);
   }
   .background.cyan-9 {
-    color: #ffffff;
-    background: #00474f;
-    .baseboard {
-      background: #00474f;
-    }
+    @include tableBackground(#00474f, #ffffff);
   }
   .background.cyan-10 {
-    color: #ffffff;
-    background: #002329;
-    .baseboard {
-      background: #002329;
-    }
+    @include tableBackground(#002329, #ffffff);
   }
 
   // blue
   .background.blue-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #e6f7ff;
-    .baseboard {
-      background: #e6f7ff;
-    }
+    @include tableBackground(#e6f7ff);
   }
   .background.blue-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #bae7ff;
-    .baseboard {
-      background: #bae7ff;
-    }
+    @include tableBackground(#bae7ff);
   }
   .background.blue-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #91d5ff;
-    .baseboard {
-      background: #91d5ff;
-    }
+    @include tableBackground(#91d5ff);
   }
   .background.blue-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #69c0ff;
-    .baseboard {
-      background: #69c0ff;
-    }
+    @include tableBackground(#69c0ff);
   }
   .background.blue-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #40a9ff;
-    .baseboard {
-      background: #40a9ff;
-    }
+    @include tableBackground(#40a9ff);
   }
   .background.blue-6 {
-    color: #ffffff;
-    background: #1890ff;
-    .baseboard {
-      background: #1890ff;
-    }
+    @include tableBackground(#1890ff, #ffffff);
   }
   .background.blue-7 {
-    color: #ffffff;
-    background: #096dd9;
-    .baseboard {
-      background: #096dd9;
-    }
+    @include tableBackground(#096dd9, #ffffff);
   }
   .background.blue-8 {
-    color: #ffffff;
-    background: #0050b3;
-    .baseboard {
-      background: #0050b3;
-    }
+    @include tableBackground(#0050b3, #ffffff);
   }
   .background.blue-9 {
-    color: #ffffff;
-    background: #003a8c;
-    .baseboard {
-      background: #003a8c;
-    }
+    @include tableBackground(#003a8c, #ffffff);
   }
   .background.blue-10 {
-    color: #ffffff;
-    background: #002766;
-    .baseboard {
-      background: #002766;
-    }
+    @include tableBackground(#002766, #ffffff);
   }
 
   // geekblue
   .background.geekblue-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f0f5ff;
-    .baseboard {
-      background: #f0f5ff;
-    }
+    @include tableBackground(#f0f5ff);
   }
   .background.geekblue-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d6e4ff;
-    .baseboard {
-      background: #d6e4ff;
-    }
+    @include tableBackground(#d6e4ff);
   }
   .background.geekblue-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #adc6ff;
-    .baseboard {
-      background: #adc6ff;
-    }
+    @include tableBackground(#adc6ff);
   }
   .background.geekblue-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #85a5ff;
-    .baseboard {
-      background: #85a5ff;
-    }
+    @include tableBackground(#85a5ff);
   }
   .background.geekblue-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #597ef7;
-    .baseboard {
-      background: #597ef7;
-    }
+    @include tableBackground(#597ef7);
   }
   .background.geekblue-6 {
-    color: #ffffff;
-    background: #2f54eb;
-    .baseboard {
-      background: #2f54eb;
-    }
+    @include tableBackground(#2f54eb, #ffffff);
   }
   .background.geekblue-7 {
-    color: #ffffff;
-    background: #1d39c4;
-    .baseboard {
-      background: #1d39c4;
-    }
+    @include tableBackground(#1d39c4, #ffffff);
   }
   .background.geekblue-8 {
-    color: #ffffff;
-    background: #10239e;
-    .baseboard {
-      background: #10239e;
-    }
+    @include tableBackground(#10239e, #ffffff);
   }
   .background.geekblue-9 {
-    color: #ffffff;
-    background: #061178;
-    .baseboard {
-      background: #061178;
-    }
+    @include tableBackground(#061178, #ffffff);
   }
   .background.geekblue-10 {
-    color: #ffffff;
-    background: #030852;
-    .baseboard {
-      background: #030852;
-    }
+    @include tableBackground(#030852, #ffffff);
   }
   
   // purple
   .background.purple-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f9f0ff;
-    .baseboard {
-      background: #f9f0ff;
-    }
+    @include tableBackground(#f9f0ff);
   }
   .background.purple-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #efdbff;
-    .baseboard {
-      background: #efdbff;
-    }
+    @include tableBackground(#efdbff);
   }
   .background.purple-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d3adf7;
-    .baseboard {
-      background: #d3adf7;
-    }
+    @include tableBackground(#d3adf7);
   }
   .background.purple-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #b37feb;
-    .baseboard {
-      background: #b37feb;
-    }
+    @include tableBackground(#b37feb);
   }
   .background.purple-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #9254de;
-    .baseboard {
-      background: #9254de;
-    }
+    @include tableBackground(#9254de);
   }
   .background.purple-6 {
-    color: #ffffff;
-    background: #722ed1;
-    .baseboard {
-      background: #722ed1;
-    }
+    @include tableBackground(#722ed1, #ffffff);
   }
   .background.purple-7 {
-    color: #ffffff;
-    background: #531dab;
-    .baseboard {
-      background: #531dab;
-    }
+    @include tableBackground(#531dab, #ffffff);
   }
   .background.purple-8 {
-    color: #ffffff;
-    background: #391085;
-    .baseboard {
-      background: #391085;
-    }
+    @include tableBackground(#391085, #ffffff);
   }
   .background.purple-9 {
-    color: #ffffff;
-    background: #22075e;
-    .baseboard {
-      background: #22075e;
-    }
+    @include tableBackground(#22075e, #ffffff);
   }
   .background.purple-10 {
-    color: #ffffff;
-    background: #120338;
-    .baseboard {
-      background: #120338;
-    }
+    @include tableBackground(#120338, #ffffff);
   }
 
   // magenta
   .background.magenta-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff0f6;
-    .baseboard {
-      background: #fff0f6;
-    }
+    @include tableBackground(#fff0f6);
   }
   .background.magenta-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffd6e7;
-    .baseboard {
-      background: #ffd6e7;
-    }
+    @include tableBackground(#ffd6e7);
   }
   .background.magenta-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffadd2;
-    .baseboard {
-      background: #ffadd2;
-    }
+    @include tableBackground(#ffadd2);
   }
   .background.magenta-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff85c0;
-    .baseboard {
-      background: #ff85c0;
-    }
+    @include tableBackground(#ff85c0);
   }
   .background.magenta-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f759ab;
-    .baseboard {
-      background: #f759ab;
-    }
+    @include tableBackground(#f759ab);
   }
   .background.magenta-6 {
-    color: #ffffff;
-    background: #eb2f96;
-    .baseboard {
-      background: #eb2f96;
-    }
+    @include tableBackground(#eb2f96, #ffffff);
   }
   .background.magenta-7 {
-    color: #ffffff;
-    background: #c41d7f;
-    .baseboard {
-      background: #c41d7f;
-    }
+    @include tableBackground(#c41d7f, #ffffff);
   }
   .background.magenta-8 {
-    color: #ffffff;
-    background: #9e1068;
-    .baseboard {
-      background: #9e1068;
-    }
+    @include tableBackground(#9e1068, #ffffff);
   }
   .background.magenta-9 {
-    color: #ffffff;
-    background: #780650;
-    .baseboard {
-      background: #780650;
-    }
+    @include tableBackground(#780650, #ffffff);
   }
   .background.magenta-10 {
-    color: #ffffff;
-    background: #520339;
-    .baseboard {
-      background: #520339;
-    }
+    @include tableBackground(#520339, #ffffff);
   }
 
   // gray
   .background.gray-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f5f5f5;
-    .baseboard {
-      background: #f5f5f5;
-    }
+    @include tableBackground(#f5f5f5);
   }
   .background.gray-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f0f0f0;
-    .baseboard {
-      background: #f0f0f0;
-    }
+    @include tableBackground(#f0f0f0);
   }
   .background.gray-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d9d9d9;
-    .baseboard {
-      background: #d9d9d9;
-    }
+    @include tableBackground(#d9d9d9);
   }
   .background.gray-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #bfbfbf;
-    .baseboard {
-      background: #bfbfbf;
-    }
+    @include tableBackground(#bfbfbf);
   }
   .background.gray-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #8c8c8c;
-    .baseboard {
-      background: #8c8c8c;
-    }
+    @include tableBackground(#8c8c8c);
   }
   .background.gray-6 {
-    color: #ffffff;
-    background: #595959;
-    .baseboard {
-      background: #595959;
-    }
+    @include tableBackground(#595959, #ffffff);
   }
   .background.gray-7 {
-    color: #ffffff;
-    background: #434343;
-    .baseboard {
-      background: #434343;
-    }
+    @include tableBackground(#434343, #ffffff);
   }
   .background.gray-8 {
-    color: #ffffff;
-    background: #262626;
-    .baseboard {
-      background: #262626;
-    }
+    @include tableBackground(#262626, #ffffff);
   }
   .background.gray-9 {
-    color: #ffffff;
-    background: #1f1f1f;
-    .baseboard {
-      background: #1f1f1f;
-    }
+    @include tableBackground(#1f1f1f, #ffffff);
   }
   .background.gray-10 {
-    color: #ffffff;
-    background: #141414;
-    .baseboard {
-      background: #141414;
-    }
+    @include tableBackground(#141414, #ffffff);
   }
 
   /* ******************************* */
 
+  // .font {
+  //   background: #ffffff;
+  // }
   // dust-red
   .font.dust-red-1 {
     color: #fff1f0;
-    background: #ffffff;
   }
   .font.dust-red-2 {
     color: #ffccc7;
-    background: #ffffff;
   }
   .font.dust-red-3 {
     color: #ffa39e;
-    background: #ffffff;
   }
   .font.dust-red-4 {
     color: #ff7875;
-    background: #ffffff;
   }
   .font.dust-red-5 {
     color: #ff4d4f;
-    background: #ffffff;
   }
   .font.dust-red-6 {
     color: #f5222d;
-    background: #ffffff;
   }
   .font.dust-red-7 {
     color: #cf1322;
-    background: #ffffff;
   }
   .font.dust-red-8 {
     color: #a8071a;
-    background: #ffffff;
   }
   .font.dust-red-9 {
     color: #820014;
-    background: #ffffff;
   }
   .font.dust-red-10 {
     color: #5c0011;
-    background: #ffffff;
   }
 
   // volcano
   .font.volcano-1 {
     color: #fff2e8;
-    background: #ffffff;
   }
   .font.volcano-2 {
     color: #ffd8bf;
-    background: #ffffff;
   }
   .font.volcano-3 {
     color: #ffbb96;
-    background: #ffffff;
   }
   .font.volcano-4 {
     color: #ff9c6e;
-    background: #ffffff;
   }
   .font.volcano-5 {
     color: #ff7a45;
-    background: #ffffff;
   }
   .font.volcano-6 {
     color: #fa541c;
-    background: #ffffff;
   }
   .font.volcano-7 {
     color: #d4380d;
-    background: #ffffff;
   }
   .font.volcano-8 {
     color: #ad2102;
-    background: #ffffff;
   }
   .font.volcano-9 {
     color: #871400;
-    background: #ffffff;
   }
   .font.volcano-10 {
     color: #610b00;
-    background: #ffffff;
   }
 
   // orange
   .font.orange-1 {
     color: #fff7e6;
-    background: #ffffff;
   }
   .font.orange-2 {
     color: #ffe7ba;
-    background: #ffffff;
   }
   .font.orange-3 {
     color: #ffd591;
-    background: #ffffff;
   }
   .font.orange-4 {
     color: #ffc069;
-    background: #ffffff;
   }
   .font.orange-5 {
     color: #ffa940;
-    background: #ffffff;
   }
   .font.orange-6 {
     color: #fa8c16;
-    background: #ffffff;
   }
   .font.orange-7 {
     color: #d46b08;
-    background: #ffffff;
   }
   .font.orange-8 {
     color: #ad4e00;
-    background: #ffffff;
   }
   .font.orange-9 {
     color: #873800;
-    background: #ffffff;
   }
   .font.orange-10 {
     color: #612500;
-    background: #ffffff;
   }
 
   // gold
   .font.gold-1 {
     color: #fffbe6;
-    background: #ffffff;
   }
   .font.gold-2 {
     color: #fff1b8;
-    background: #ffffff;
   }
   .font.gold-3 {
     color: #ffe58f;
-    background: #ffffff;
   }
   .font.gold-4 {
     color: #ffd666;
-    background: #ffffff;
   }
   .font.gold-5 {
     color: #ffc53d;
-    background: #ffffff;
   }
   .font.gold-6 {
     color: #faad14;
-    background: #ffffff;
   }
   .font.gold-7 {
     color: #d48806;
-    background: #ffffff;
   }
   .font.gold-8 {
     color: #ad6800;
-    background: #ffffff;
   }
   .font.gold-9 {
     color: #874d00;
-    background: #ffffff;
   }
   .font.gold-10 {
     color: #613400;
-    background: #ffffff;
   }
 
   // yellow
   .font.yellow-1 {
     color: #feffe6;
-    background: #ffffff;
   }
   .font.yellow-2 {
     color: #ffffb8;
-    background: #ffffff;
   }
   .font.yellow-3 {
     color: #fffb8f;
-    background: #ffffff;
   }
   .font.yellow-4 {
     color: #fff566;
-    background: #ffffff;
   }
   .font.yellow-5 {
     color: #ffec3d;
-    background: #ffffff;
   }
   .font.yellow-6 {
     color: #fadb14;
-    background: #ffffff;
   }
   .font.yellow-7 {
     color: #d4b106;
-    background: #ffffff;
   }
   .font.yellow-8 {
     color: #ad8b00;
-    background: #ffffff;
   }
   .font.yellow-9 {
     color: #876800;
-    background: #ffffff;
   }
   .font.yellow-10 {
     color: #614700;
-    background: #ffffff;
   }
 
   // lime
   .font.lime-1 {
     color: #fcffe6;
-    background: #ffffff;
   }
   .font.lime-2 {
     color: #f4ffb8;
-    background: #ffffff;
   }
   .font.lime-3 {
     color: #eaff8f;
-    background: #ffffff;
   }
   .font.lime-4 {
     color: #d3f261;
-    background: #ffffff;
   }
   .font.lime-5 {
     color: #bae637;
-    background: #ffffff;
   }
   .font.lime-6 {
     color: #a0d911;
-    background: #ffffff;
   }
   .font.lime-7 {
     color: #7cb305;
-    background: #ffffff;
   }
   .font.lime-8 {
     color: #5b8c00;
-    background: #ffffff;
   }
   .font.lime-9 {
     color: #3f6600;
-    background: #ffffff;
   }
   .font.lime-10 {
     color: #254000;
-    background: #ffffff;
   }
 
   // green
   .font.green-1 {
     color: #f6ffed;
-    background: #ffffff;
   }
   .font.green-2 {
     color: #d9f7be;
-    background: #ffffff;
   }
   .font.green-3 {
     color: #b7eb8f;
-    background: #ffffff;
   }
   .font.green-4 {
     color: #95de64;
-    background: #ffffff;
   }
   .font.green-5 {
     color: #73d13d;
-    background: #ffffff;
   }
   .font.green-6 {
     color: #52c41a;
-    background: #ffffff;
   }
   .font.green-7 {
     color: #389e0d;
-    background: #ffffff;
   }
   .font.green-8 {
     color: #237804;
-    background: #ffffff;
   }
   .font.green-9 {
     color: #135200;
-    background: #ffffff;
   }
   .font.green-10 {
     color: #092b00;
-    background: #ffffff;
   }
 
   // cyan
   .font.cyan-1 {
     color: #e6fffb;
-    background: #ffffff;
   }
   .font.cyan-2 {
     color: #b5f5ec;
-    background: #ffffff;
   }
   .font.cyan-3 {
     color: #87e8de;
-    background: #ffffff;
   }
   .font.cyan-4 {
     color: #5cdbd3;
-    background: #ffffff;
   }
   .font.cyan-5 {
     color: #36cfc9;
-    background: #ffffff;
   }
   .font.cyan-6 {
     color: #13c2c2;
-    background: #ffffff;
   }
   .font.cyan-7 {
     color: #08979c;
-    background: #ffffff;
   }
   .font.cyan-8 {
     color: #006d75;
-    background: #ffffff;
   }
   .font.cyan-9 {
     color: #00474f;
-    background: #ffffff;
   }
   .font.cyan-10 {
     color: #002329;
-    background: #ffffff;
   }
 
   // blue
   .font.blue-1 {
     color: #e6f7ff;
-    background: #ffffff;
   }
   .font.blue-2 {
     color: #bae7ff;
-    background: #ffffff;
   }
   .font.blue-3 {
     color: #91d5ff;
-    background: #ffffff;
   }
   .font.blue-4 {
     color: #69c0ff;
-    background: #ffffff;
   }
   .font.blue-5 {
     color: #40a9ff;
-    background: #ffffff;
   }
   .font.blue-6 {
     color: #1890ff;
-    background: #ffffff;
   }
   .font.blue-7 {
     color: #096dd9;
-    background: #ffffff;
   }
   .font.blue-8 {
     color: #0050b3;
-    background: #ffffff;
   }
   .font.blue-9 {
     color: #003a8c;
-    background: #ffffff;
   }
   .font.blue-10 {
     color: #002766;
-    background: #ffffff;
   }
 
   // geekblue
   .font.geekblue-1 {
     color: #f0f5ff;
-    background: #ffffff;
   }
   .font.geekblue-2 {
     color: #d6e4ff;
-    background: #ffffff;
   }
   .font.geekblue-3 {
     color: #adc6ff;
-    background: #ffffff;
   }
   .font.geekblue-4 {
     color: #85a5ff;
-    background: #ffffff;
   }
   .font.geekblue-5 {
     color: #597ef7;
-    background: #ffffff;
   }
   .font.geekblue-6 {
     color: #2f54eb;
-    background: #ffffff;
   }
   .font.geekblue-7 {
     color: #1d39c4;
-    background: #ffffff;
   }
   .font.geekblue-8 {
     color: #10239e;
-    background: #ffffff;
   }
   .font.geekblue-9 {
     color: #061178;
-    background: #ffffff;
   }
   .font.geekblue-10 {
     color: #030852;
-    background: #ffffff;
   }
 
   // purple
   .font.purple-1 {
     color: #f9f0ff;
-    background: #ffffff;
   }
   .font.purple-2 {
     color: #efdbff;
-    background: #ffffff;
   }
   .font.purple-3 {
     color: #d3adf7;
-    background: #ffffff;
   }
   .font.purple-4 {
     color: #b37feb;
-    background: #ffffff;
   }
   .font.purple-5 {
     color: #9254de;
-    background: #ffffff;
   }
   .font.purple-6 {
     color: #722ed1;
-    background: #ffffff;
   }
   .font.purple-7 {
     color: #531dab;
-    background: #ffffff;
   }
   .font.purple-8 {
     color: #391085;
-    background: #ffffff;
   }
   .font.purple-9 {
     color: #22075e;
-    background: #ffffff;
   }
   .font.purple-10 {
     color: #120338;
-    background: #ffffff;
   }
 
   // magenta
   .font.magenta-1 {
     color: #fff0f6;
-    background: #ffffff;
   }
   .font.magenta-2 {
     color: #ffd6e7;
-    background: #ffffff;
   }
   .font.magenta-3 {
     color: #ffadd2;
-    background: #ffffff;
   }
   .font.magenta-4 {
     color: #ff85c0;
-    background: #ffffff;
   }
   .font.magenta-5 {
     color: #f759ab;
-    background: #ffffff;
   }
   .font.magenta-6 {
     color: #eb2f96;
-    background: #ffffff;
   }
   .font.magenta-7 {
     color: #c41d7f;
-    background: #ffffff;
   }
   .font.magenta-8 {
     color: #9e1068;
-    background: #ffffff;
   }
   .font.magenta-9 {
     color: #780650;
-    background: #ffffff;
   }
   .font.magenta-10 {
     color: #520339;
-    background: #ffffff;
   }
 
   // gray
   .font.gray-1 {
     color: #f5f5f5;
-    background: #ffffff;
   }
   .font.gray-2 {
     color: #f0f0f0;
-    background: #ffffff;
   }
   .font.gray-3 {
     color: #d9d9d9;
-    background: #ffffff;
   }
   .font.gray-4 {
     color: #bfbfbf;
-    background: #ffffff;
   }
   .font.gray-5 {
     color: #8c8c8c;
-    background: #ffffff;
   }
   .font.gray-6 {
     color: #595959;
-    background: #ffffff;
   }
   .font.gray-7 {
     color: #434343;
-    background: #ffffff;
   }
   .font.gray-8 {
     color: #262626;
-    background: #ffffff;
   }
   .font.gray-9 {
     color: #1f1f1f;
-    background: #ffffff;
   }
   .font.gray-10 {
     color: #141414;
-    background: #ffffff;
   }
 }

--
Gitblit v1.8.0