minor tweaks to content

This commit is contained in:
Heydon Pickering 2017-07-28 15:04:58 +01:00
parent c9f622787d
commit 39392081ed
5 changed files with 21 additions and 4 deletions

View File

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

View File

@ -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> <p>Here is a pattern reference shortcode: {{% pattern "Writing inline demos" %}}.</p>
{{</expandable>}} {{</expandable>}}
{{</codeBlock>}} {{</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 %}}

View File

@ -341,10 +341,10 @@ toggle.addEventListener('click', (e) => {
<div class="demo-container"> <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> <button aria-pressed="false">Toggle Me</button>
<style> <style>
@ -352,6 +352,7 @@ button {
background: DarkCyan; background: DarkCyan;
color: white; color: white;
border: 0; border: 0;
border-radius: 0.25em;
font-size: 1.5rem; font-size: 1.5rem;
padding: 0.5em 1em; padding: 0.5em 1em;
border-right: 5px solid #000; border-right: 5px solid #000;
@ -374,7 +375,7 @@ toggle.addEventListener('click', (e) => {
</script> </script>
</template> </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> </div>

View File

@ -393,6 +393,17 @@ Here is some markdown including [a link](https://twitter.com/heydonworks). Donec
</code></pre> </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> </main>
<footer role="contentinfo"> <footer role="contentinfo">

File diff suppressed because one or more lines are too long