Merge branch 'next'

Author: kellyjosephprice

__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callout-tests-without-surprises-1-snap.png

@@ -4,13 +4,14 @@ category: 5fdf9fc9c2a7ef443e937315
 hidden: true
 ---
 
-# Basics
+## Basics
 
 ### Simple
 
 ```php
 <b><?= "Hello world!" ?></b>;
 ```
+
 ```js
 console.log('Hello world!');
 ```
@@ -20,6 +21,7 @@ console.log('Hello world!');
 ```Zed
 Tab Number Zero
 ```
+
 ```One
 Tab Number One
 ```
@@ -29,14 +31,16 @@ Tab Number One
 ```js English
 console.log('Hello world!');
 ```
+
 ```js French
 console.log('Bonjour le monde!');
 ```
+
 ```js German
 console.log('Hallo welt!');
 ```
 
-# Breakage
+## Breakage
 
 ### Block Separator 👍
 
@@ -82,7 +86,7 @@ Section **Two**
 console.log('one');
 ```
 
-# Block Wraps
+## Block Wraps
 
 ### List-Internal
 
@@ -95,3 +99,9 @@ console.log('one');
   ```URL
   {{company_url}}
   ```
+
+## Formatting
+
+```
+This is a long line that will be wrapped to fit within the container.
+```

__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-callouts-without-surprises-1-snap.png

@@ -128,7 +128,9 @@
       font: normal normal normal 1em/1 var(--icon-font);
     }
   }
+
   .callout-icon {
+    font-size: 1.25em; // match h3
     left: -0.25em;
     position: absolute;
 
@@ -140,6 +142,11 @@
   .callout-icon + .heading.heading {
     margin-top: 0;
   }
+
+  > .callout-icon_fa {
+    --fa-primary-color: var(--Callout-title);
+    --fa-secondary-color: var(--Callout-title);
+  }
 }
 
 @mixin calloutCustomIcons($R: callout) {

__tests__/browser/__image_snapshots__/markdown-test-js-visual-regression-tests-rdmd-syntax-renders-code-block-tests-without-surprises-1-snap.png

@@ -49,7 +49,8 @@
     font-size: 100%;
     margin: 0;
     padding: 0;
-    white-space: pre;
+    text-wrap: wrap;
+    white-space: pre-wrap;
     word-break: normal;
   }