update

src/css/reset-basic.css

@@ -17,25 +17,112 @@
  * 
  */
 
-* {margin: 0;padding: 0;vertical-align: baseline;box-sizing: border-box;}
+* {
-::before, ::after {box-sizing: border-box;}
+  margin: 0;
+  padding: 0;
+  vertical-align: baseline;
+  box-sizing: border-box;
+}
+
+::before,
+::after {
+  box-sizing: border-box;
+}
+
 /* HTML5 display-role reset for older browsers */
-article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,content {display: block;}
+article,
-img {border: 0;display: inline-block;}
+aside,
-ol,ul {list-style: none;}
+details,
-blockquote, q {quotes: none;}
+figcaption,
-blockquote::before, blockquote::after, q::before, q::after {content: '';content: none;}
+figure,
-table {border-collapse: collapse;border-spacing: 0;}
+footer,
-a:focus,input,textarea,button:focus,input:focus,textarea:focus {outline: none;}
+header,
-::-moz-focus-inner {border: none;outline: none;}
+hgroup,
+menu,
+nav,
+section,
+content {
+  display: block;
+}
 
-body {font-family: 'Helvetica Neue', Arial, 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', sans-serif;-webkit-font-smoothing: antialiased;text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
+img {
-code, pre, samp {font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;white-space:pre-wrap;}
+  border: 0;
+  display: inline-block;
+}
 
-.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
+ol,
-.noselect img, .noselect a {-webkit-user-drag: none;}
+ul {
-.text-ell {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
+  list-style: none;
-.text-thin {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote::before,
+blockquote::after,
+q::before,
+q::after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+a:focus,
+input,
+textarea,
+button:focus,
+input:focus,
+textarea:focus {
+  outline: none;
+}
+
+::-moz-focus-inner {
+  border: none;
+  outline: none;
+}
+
+body {
+  font-family: 'Helvetica Neue', Arial, 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  text-size-adjust: 100%;
+  -webkit-tap-highlight-color: transparent;
+}
+
+code,
+pre,
+samp {
+  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
+  white-space: pre-wrap;
+}
+
+.noselect {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.noselect img,
+.noselect a {
+  -webkit-user-drag: none;
+}
+
+.text-ell {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.text-thin {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
 
 :root {
   /* primary */
@@ -74,13 +161,13 @@ code, pre, samp {font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
   --color-grey-2: rgb(164, 176, 190);
   --color-grey-3: rgb(134, 144, 155);
   /* inverse */
-  --color-dark-a: rgba(100, 116, 139, 0.35);
+  --color-dark-a: rgba(83, 91, 99, .35);
-  --color-dark-1: #64748B;
+  --color-dark-1: #535b63;
-  --color-dark-2: #475569;
+  --color-dark-2: #393f46;
-  --color-dark-3: #2c3441;
+  --color-dark-3: #212529;
 
 
   --color-drag-background: #fdf6ec;
   --color-readonly-background: #f7f8fb;
   --color-disabled-background: #fef0f0;
-}
+}