convert to scss

1 files changed, 66 insertions, 0 deletions

diff --git a/scss/_code.scss b/scss/_code.scss
new file mode 100644
index 000000000..b495d4f20
--- /dev/null
+++ b/scss/_code.scss
@@ -0,0 +1,66 @@
+//
+// Code (inline and block)
+// --------------------------------------------------
+
+
+// Inline and block code styles
+code,
+kbd,
+pre,
+samp {
+  font-family: $font-family-monospace;
+}
+
+// Inline code
+code {
+  padding: .2rem .4rem;
+  font-size: 90%;
+  color: $code-color;
+  background-color: $code-bg;
+  @include border-radius($border-radius-base);
+}
+
+// User input typically entered via keyboard
+kbd {
+  padding: .2rem .4rem;
+  font-size: 90%;
+  color: $kbd-color;
+  background-color: $kbd-bg;
+  @include border-radius($border-radius-sm);
+  @include box-shadow(inset 0 -.1rem 0 rgba(0,0,0,.25));
+
+  kbd {
+    padding: 0;
+    font-size: 100%;
+    font-weight: bold;
+    @include box-shadow(none);
+  }
+}
+
+// Blocks of code
+pre {
+  display: block;
+  padding: 1.5rem;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  font-size: 90%;
+  line-height: $line-height-base;
+  color: $pre-color;
+  background-color: $pre-bg;
+  @include border-radius($border-radius-base);
+
+  // Account for some code outputs that place code tags in pre tags
+  code {
+    padding: 0;
+    font-size: inherit;
+    color: inherit;
+    background-color: transparent;
+    border-radius: 0;
+  }
+}
+
+// Enable scrollable blocks of code
+.pre-scrollable {
+  max-height: $pre-scrollable-max-height;
+  overflow-y: scroll;
+}