minor tweaks to content

content/patterns/coding/writing-inline-demos.md

@@ -51,6 +51,7 @@ button {
     background: DarkCyan;
     color: white;
     border: 0;
+    border-radius: 0.25em;
     font-size: 1.5rem;
     padding: 0.5em 1em;
     border-right: 5px solid #000;

content/patterns/writing/expandable-sections.md

@@ -42,3 +42,7 @@ Unfortunately, it is not currently possible to include shortcodes inside other s
 <p>Here is a pattern reference shortcode: {{% pattern "Writing inline demos" %}}.</p>
 {{</expandable>}}
 {{</codeBlock>}}
+
+{{% note %}}
+When you go to print a pattern from your library, some print styles take care of collapsible sections, making them appear expanded and like any other section.
+{{% /note %}}

docs/patterns/coding/writing-inline-demos/index.html

@@ -341,10 +341,10 @@ toggle.addEventListener('click', (e) => {
 
 <div class="demo-container">
   
-      <demo-elem34e756fc953627a51e20255208dbdb57 class="demo" id="demo-34e756fc953627a51e20255208dbdb57"></demo-elem34e756fc953627a51e20255208dbdb57>
+      <demo-elem414e06a48e755bf9e43e5e2596f9ea7a class="demo" id="demo-414e06a48e755bf9e43e5e2596f9ea7a"></demo-elem414e06a48e755bf9e43e5e2596f9ea7a>
       
   
-  <template id="template34e756fc953627a51e20255208dbdb57">
+  <template id="template414e06a48e755bf9e43e5e2596f9ea7a">
       
 <button aria-pressed="false">Toggle Me</button>
 <style>
@@ -352,6 +352,7 @@ button {
     background: DarkCyan;
     color: white;
     border: 0;
+    border-radius: 0.25em;
     font-size: 1.5rem;
     padding: 0.5em 1em;
     border-right: 5px solid #000;
@@ -374,7 +375,7 @@ toggle.addEventListener('click', (e) => {
 </script>
 
   </template>
-  <script>(function() { ShadyCSS.prepareTemplate(template34e756fc953627a51e20255208dbdb57, 'demo-elem34e756fc953627a51e20255208dbdb57'); var script = template34e756fc953627a51e20255208dbdb57.content.querySelector('script'); if (script) { script.textContent = `(function() { var demo = document.querySelector('demo-elem34e756fc953627a51e20255208dbdb57').shadowRoot; ${script.textContent} })()` } class DemoElem extends HTMLElement { connectedCallback() { ShadyCSS.styleElement(this); this.attachShadow({mode: 'open'}); this.shadowRoot.appendChild(template34e756fc953627a51e20255208dbdb57.content.cloneNode(true)); } } customElements.define('demo-elem34e756fc953627a51e20255208dbdb57', DemoElem); })();</script>
+  <script>(function() { ShadyCSS.prepareTemplate(template414e06a48e755bf9e43e5e2596f9ea7a, 'demo-elem414e06a48e755bf9e43e5e2596f9ea7a'); var script = template414e06a48e755bf9e43e5e2596f9ea7a.content.querySelector('script'); if (script) { script.textContent = `(function() { var demo = document.querySelector('demo-elem414e06a48e755bf9e43e5e2596f9ea7a').shadowRoot; ${script.textContent} })()` } class DemoElem extends HTMLElement { connectedCallback() { ShadyCSS.styleElement(this); this.attachShadow({mode: 'open'}); this.shadowRoot.appendChild(template414e06a48e755bf9e43e5e2596f9ea7a.content.cloneNode(true)); } } customElements.define('demo-elem414e06a48e755bf9e43e5e2596f9ea7a', DemoElem); })();</script>
 </div>
 
 

docs/patterns/writing/expandable-sections/index.html

@@ -393,6 +393,17 @@ Here is some markdown including [a link](https://twitter.com/heydonworks). Donec
 </code></pre>
 
 
+<aside aria-label="note" class="note">
+  <div>
+    <svg aria-hidden="true" viewBox="0 0 41.667306 41.66729">
+      <use xlink:href="#info"></use>
+    </svg>
+    <p>When you go to print a pattern from your library, some print styles take care of collapsible sections, making them appear expanded and like any other section.</p>
+
+  </div>
+</aside>
+
+
   </main>
 
           <footer role="contentinfo">