Styled input/output codeblocks, going through all docs to make sure codeblocks are consistent

2026-09-17 01:40:42 -07:00 · 2015-12-04 21:34:18 -05:00
parent 95dc90e503
commit 6bf836b719
8 changed files with 101 additions and 372 deletions
@@ -2,8 +2,32 @@
  margin-bottom: $spacing-unit * 2;
 }

-.code--input {
+.code-block {
+  pre {
+    border-radius: 0 0 3px 3px;
+    border-top: none;
+  }
+
  &:before {
-    content: 'stuff'
+    padding: 8px 12px;
+    display: block;
+    box-sizing: border-box;
+    font-weight: bold;
+    color: $color-white;
+    background: $color-blue-5;
+    border-bottom: none;
+    border-radius: 3px 3px 0 0;
+  }
+}
+
+.code-block--input {
+  &:before {
+    content: 'Input';
+  }
+}
+
+.code-block--output {
+  &:before {
+    content: 'Output';
  }
 }