summaryrefslogtreecommitdiff
path: root/themes/hugo-whisper-theme/assets/scss/bootstrap/_code.scss
diff options
context:
space:
mode:
Diffstat (limited to 'themes/hugo-whisper-theme/assets/scss/bootstrap/_code.scss')
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/_code.scss48
1 files changed, 48 insertions, 0 deletions
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/_code.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/_code.scss
new file mode 100755
index 0000000..74b6e1c
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/_code.scss
@@ -0,0 +1,48 @@
+// Inline code
+code {
+ @include font-size($code-font-size);
+ color: $code-color;
+ word-break: break-word;
+
+ // Streamline the style when inside anchors to avoid broken underline and more
+ a > & {
+ color: inherit;
+ }
+}
+
+// User input typically entered via keyboard
+kbd {
+ padding: $kbd-padding-y $kbd-padding-x;
+ @include font-size($kbd-font-size);
+ color: $kbd-color;
+ background-color: $kbd-bg;
+ @include border-radius($border-radius-sm);
+ @include box-shadow($kbd-box-shadow);
+
+ kbd {
+ padding: 0;
+ @include font-size(100%);
+ font-weight: $nested-kbd-font-weight;
+ @include box-shadow(none);
+ }
+}
+
+// Blocks of code
+pre {
+ display: block;
+ @include font-size($code-font-size);
+ color: $pre-color;
+
+ // Account for some code outputs that place code tags in pre tags
+ code {
+ @include font-size(inherit);
+ color: inherit;
+ word-break: normal;
+ }
+}
+
+// Enable scrollable blocks of code
+.pre-scrollable {
+ max-height: $pre-scrollable-max-height;
+ overflow-y: scroll;
+}