CHG: Split Codes and improve docs codes

1 files changed, 44 insertions, 0 deletions

diff --git a/src/codes.less b/src/codes.less
new file mode 100644
index 0000000..5d1cbf2
--- /dev/null
+++ b/src/codes.less
@@ -0,0 +1,44 @@
+// Codes
+code {
+  background: @core-bg-color;
+  color: @code-color;
+  .label-base();
+}
+
+.code {
+  border-radius: @border-radius;
+  color: @core-grey-color;
+  line-height: 2rem;
+  position: relative;
+
+  &::before {
+    content: attr(data-lang);
+    color: @control-color;
+    font-size: 1.2rem;
+    position: absolute;
+    right: 1rem;
+    top: .2rem;
+  }
+
+  code {
+    color: inherit;
+    display: block;
+    line-height: inherit;
+    overflow-x: auto;
+    padding: 2rem;
+    width: 100%;
+  }
+
+  .com {
+    color: @control-color;
+  }
+  .tag {
+    color: @core-color;
+  }
+  .atn {
+    color: @core-grey-color;
+  }
+  .atv {
+    color: @code-color;
+  }
+}