Browse Source

note on syntax highlighting

Heydon Pickering 7 years ago
parent
commit
362e846524

+ 5 - 1
content/patterns/coding/code-blocks.md

@@ -55,7 +55,7 @@ You mark out the highlighted areas with double parentheses like so:
 {{</html>}}
 {{</codeBlock>}}
 
-Better still, if you include `numbered="true"`, each highlight is enumberated so you can reference it directly in the ensuing text.
+Better still, if you include `numbered="true"`, each highlight is enumerated so you can reference it directly in the ensuing text.
 
 {{<html numbered="true">}}
 <div ((role="dialog")) ((aria-labelledby="dialog-heading"))>
@@ -80,3 +80,7 @@ You just include `numbered="true"` on the opening shortcode tag:
 &lt;/div>
 &#x7b;{&lt;/html>}}
 {{</codeBlock>}}
+
+{{% note %}}
+As you may have noticed, using specified highlights with the `html` shortcode sacrifices syntax highlighting.
+{{% /note %}}

+ 12 - 1
docs/patterns/coding/code-blocks/index.html

@@ -461,7 +461,7 @@
 </code></pre>
 
 
-<p>Better still, if you include <code>numbered=&quot;true&quot;</code>, each highlight is enumberated so you can reference it directly in the ensuing text.</p>
+<p>Better still, if you include <code>numbered=&quot;true&quot;</code>, each highlight is enumerated so you can reference it directly in the ensuing text.</p>
 
 
 
@@ -493,6 +493,17 @@
 </code></pre>
 
 
+<aside aria-label="note" class="note">
+  <div>
+    <svg class="sign" aria-hidden="true" viewBox="0 0 41.667306 41.66729" focusable="false">
+      <use xlink:href="#info"></use>
+    </svg>
+    <p>As you may have noticed, using specified highlights with the <code>html</code> shortcode sacrifices syntax highlighting.</p>
+
+  </div>
+</aside>
+
+
   </main>
 
           <footer role="contentinfo">

+ 12 - 1
docs/print-version/index.html

@@ -1745,7 +1745,7 @@ toc = false
 </code></pre>
 
 
-<p>Better still, if you include <code>numbered=&quot;true&quot;</code>, each highlight is enumberated so you can reference it directly in the ensuing text.</p>
+<p>Better still, if you include <code>numbered=&quot;true&quot;</code>, each highlight is enumerated so you can reference it directly in the ensuing text.</p>
 
 
 
@@ -1777,6 +1777,17 @@ toc = false
 </code></pre>
 
 
+<aside aria-label="note" class="note">
+  <div>
+    <svg class="sign" aria-hidden="true" viewBox="0 0 41.667306 41.66729" focusable="false">
+      <use xlink:href="#info"></use>
+    </svg>
+    <p>As you may have noticed, using specified highlights with the <code>html</code> shortcode sacrifices syntax highlighting.</p>
+
+  </div>
+</aside>
+
+
           </div>
         
           <div class="pattern-section">

File diff suppressed because it is too large
+ 0 - 0
docs/service-worker.js


Some files were not shown because too many files changed in this diff