Summary Files Commits Branches @commit @diff @stats
path: root / src / _codes.scss
diff options
context:
space:
mode:
Commite78b3c34348f26d40a813612c5a3786f1c56607a (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-08-29 18:07:53 +0800
Filesf857491026c5f728fe95fe1564ec30c931a1b30a /src/_codes.scss
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.tar.gz
Spectre-Dark-Gruvbox-e78b3c34348f26d40a813612c5a3786f1c56607a.zip
Parent66c492fd05c2d720c81e2be8d6845560b868e7ff (diff)
Initial SASS build
1 files changed, 32 insertions, 0 deletions
-rw-r--r--src/_codes.scss32
diff --git a/src/_codes.scss b/src/_codes.scss
new file mode 100644
index 0000000..753fdad
--- /dev/null
+++ b/src/_codes.scss
@@ -0,0 +1,32 @@
+// Codes
+code {
+ font-size: .65rem;
+ @include label-base();
+ @include label-variant($code-color, lighten($code-color, 33%));
+}
+
+.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%;
+ }
+}