Merge pull request #266 from picturepan2/0.4.0 v0.4.0

0.4.0

1 files changed, 32 insertions, 0 deletions

diff --git a/src/_codes.scss b/src/_codes.scss
new file mode 100644
index 0000000..3d2cc10
--- /dev/null
+++ b/src/_codes.scss
@@ -0,0 +1,32 @@
+// Codes
+code {
+  @include label-base();
+  @include label-variant($code-color, lighten($code-color, 33%));
+  font-size: .65rem;
+}
+
+.code {
+  border-radius: $border-radius;
+  color: $body-font-color;
+  line-height: $line-height;
+  position: relative;
+
+  &::before {
+    content: attr(data-lang);
+    color: $gray-color;
+    font-size: $font-size-sm;
+    position: absolute;
+    right: $layout-spacing;
+    top: $unit-h;
+  }
+
+  code {
+    background: $bg-color;
+    color: inherit;
+    display: block;
+    line-height: inherit;
+    overflow-x: auto;
+    padding: 1rem;
+    width: 100%;
+  }
+}