tweaks for nicer code blocks

_config.yml

@@ -45,15 +45,8 @@ permalink:              /:title/
 # --------------------
 markdown:               redcarpet
 
-kramdown:
-    input: GFM
-    extensions:
-        - autolink
-        - footnotes
-        - smart
-
 redcarpet:
-    extensions:         ['autolink', 'smart', 'hard_wrap', 'with_toc_data']
+    extensions:         ['no_intra_emphasis', 'autolink', 'tables', 'smart', 'hard_wrap', 'fenced_code_blocks', 'strikethrough', 'highlight', 'quote', 'footnotes', 'with_toc_data', 'space_after_headers', 'superscript', 'lax_spacing']
 
 
 # Generator

_src/_assets/styles/bigchain/_code.scss

@@ -9,6 +9,7 @@ pre,
 samp {
     font-family: $font-family-monospace;
     font-size: .75rem;
+    hyphens: none;
 }
 
 // Inline code
@@ -46,19 +47,22 @@ pre {
     background-color: $pre-bg;
     border-radius: $border-radius;
 
+    // make 'em scrollable
+    overflow: scroll;
+    -webkit-overflow-scrolling: touch;
+    max-height: $pre-scrollable-max-height;
+
     // Account for some code outputs that place code tags in pre tags
     code {
         padding: 0;
         font-size: inherit;
         color: inherit;
-        white-space: pre-wrap;
+        white-space: pre;
+        overflow-wrap: normal;
+        word-wrap: normal;
+        word-break: normal;
+        overflow: auto;
         background-color: transparent;
         border-radius: 0;
     }
 }
-
-// Enable scrollable blocks of code
-.pre-scrollable {
-    max-height: $pre-scrollable-max-height;
-    overflow-y: scroll;
-}

_src/styleguide.md

@@ -248,11 +248,23 @@ Logo can be used with a base class and modifier classes for size & color:
 <div class="alert alert-danger"><strong class="alert__title">Lucas ipsum</strong> Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
 
 ```html
-<div class="alert alert-success"><strong class="alert__title">Lucas ipsum</strong>Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
+<div class="alert alert-success">
+    <strong class="alert__title">Lucas ipsum</strong>
+    Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
+</div>
 
-<div class="alert alert-info"><strong class="alert__title">Lucas ipsum</strong>Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
+<div class="alert alert-info">
+    <strong class="alert__title">Lucas ipsum</strong>
+    Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
+</div>
 
-<div class="alert alert-warning"><strong class="alert__title">Lucas ipsum</strong>Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
+<div class="alert alert-warning">
+    <strong class="alert__title">Lucas ipsum</strong>
+    Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
+</div>
 
-<div class="alert alert-danger"><strong class="alert__title">Lucas ipsum</strong>Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
+<div class="alert alert-danger">
+    <strong class="alert__title">Lucas ipsum</strong>
+    Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
+</div>
 ```