docs: perf website (#32)

src/less/dumi.less

@@ -22,7 +22,6 @@
     margin-right: 0 !important;
     background: linear-gradient(45deg,#72a2de 30%,#5db8c7 90%) !important;
     border: none !important;
-    color: #000 !important;
     border-radius: 8px !important;
     text-align: center;
 
@@ -54,3 +53,48 @@
     }
   }
 }
+
+.__dumi-default-layout-features + .__dumi-default-layout-content {
+  td {
+    transition: all 0.3s;
+    &:hover {
+      box-shadow: 0 1px 2px -2px rgba(0,0,0,.16), 0 3px 6px 0 rgba(0,0,0,.12), 0 5px 12px 4px rgba(0,0,0,.09);
+    }
+  }
+}
+
+.__dumi-default-locale-select {
+  background: linear-gradient(45deg,#72a2de 30%,#5db8c7 90%) !important;
+  border-radius: 2px !important;
+  border: none !important;
+  a {
+    color: #fff !important;
+    letter-spacing: 0.6px;
+  }
+  &::before {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: auto;
+    left: auto;
+    display: inline-block;
+    width: 0;
+    height: 0;
+    background: linear-gradient(
+      225deg,
+      white 45%,
+      #aaa 50%,
+      #ccc 56%,
+      white 80%
+    );
+    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
+    opacity: 1;
+    transition-duration: 0.3s;
+    transition-property: width, height;
+    content: '';
+  }
+  &:hover::before {
+    width: 14px;
+    height: 14px;
+  }
+}

src/less/markdown.less

@@ -1,5 +1,9 @@
 .markdown table {
   width: auto !important;
+
+  a:hover {
+    text-decoration: none;
+  }
 }
 
 .markdown table td:first-child {
@@ -9,6 +13,7 @@
 code {
   padding: 1px 5px !important;
   border-radius: 4px;
+  color: #ff7875 !important;
   background: rgba(0, 0, 0, 0.06) !important;
   box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
   border: 1px solid rgba(0,0,0,0.1);