minor bits and print styles

This commit is contained in:
Heydon Pickering 2017-07-26 21:27:41 +01:00
parent 639dacb531
commit e09cfc4b5f
7 changed files with 99 additions and 3 deletions

View File

@ -43,6 +43,8 @@ The options for the `show` parameter are:
* console * console
* output * output
(Note that, under some circumstances, the `html` pane is added whether you select it or not.)
{{% jsBin id="juwowaq" show="css,output" %}} {{% jsBin id="juwowaq" show="css,output" %}}

View File

@ -32,7 +32,7 @@ It is likely you already have Node and NPM installed on your system. If so, you
{{<cmd>}}git clone https://github.com/[your username]/infusion.git{{</cmd>}} {{<cmd>}}git clone https://github.com/[your username]/infusion.git{{</cmd>}}
If the command line is not your thing, fork [github.com/heydon/inclusive-pattern-library](https://github.com/heydon/inclusive-pattern-library) and choose **Open in Desktop** from **Clone or download** (see figure 1, below). If the command line is not your thing, fork [github.com/heydon/infusion](https://github.com/heydon/infusion) and choose **Open in Desktop** from **Clone or download** (see figure 1, below).
{{% figure caption="The Github web interface" %}} {{% figure caption="The Github web interface" %}}
![The open in desktop option, revealed when clicking clone or download](/images/open_in_desktop.png) ![The open in desktop option, revealed when clicking clone or download](/images/open_in_desktop.png)

View File

@ -883,3 +883,49 @@ h1 svg {
} }
} }
@media print {
.intro-and-nav, [role="contentinfo"] {
display: none;
}
.main-and-footer {
margin-left: 0;
}
a {
border: 0;
}
a::after {
content:" (" attr(href) ")";
word-break: break-word;
}
nav a::after, .tags a::after {
content: '';
}
.cmd {
background: #fff;
color: #111;
}
pre code {
white-space: pre-wrap !important;
}
.line-numbers .line-numbers-rows {
display: none;
}
.line-numbers code {
padding-left: 0;
}
main * {
page-break-inside: avoid;
}
}

View File

@ -365,6 +365,8 @@
<li>output</li> <li>output</li>
</ul> </ul>
<p>(Note that, under some circumstances, the <code>html</code> pane is added whether you select it or not.)</p>
<iframe src="https://jsbin.com/juwowaq/embed?css%2coutput" title="JS Bin demo" height="300" width="100%"></iframe> <iframe src="https://jsbin.com/juwowaq/embed?css%2coutput" title="JS Bin demo" height="300" width="100%"></iframe>

View File

@ -339,7 +339,7 @@
<pre class="cmd"><code>git clone https://github.com/[your username]/infusion.git</code></pre> <pre class="cmd"><code>git clone https://github.com/[your username]/infusion.git</code></pre>
<p>If the command line is not your thing, fork <a href="https://github.com/heydon/inclusive-pattern-library">github.com/heydon/inclusive-pattern-library</a> and choose <strong>Open in Desktop</strong> from <strong>Clone or download</strong> (see figure 1, below).</p> <p>If the command line is not your thing, fork <a href="https://github.com/heydon/infusion">github.com/heydon/infusion</a> and choose <strong>Open in Desktop</strong> from <strong>Clone or download</strong> (see figure 1, below).</p>
<figure role="group" aria-describedby="caption-4f6ff97ad7397f1735a833534d0e2e4d"> <figure role="group" aria-describedby="caption-4f6ff97ad7397f1735a833534d0e2e4d">

File diff suppressed because one or more lines are too long

View File

@ -883,3 +883,49 @@ h1 svg {
} }
} }
@media print {
.intro-and-nav, [role="contentinfo"] {
display: none;
}
.main-and-footer {
margin-left: 0;
}
a {
border: 0;
}
a::after {
content:" (" attr(href) ")";
word-break: break-word;
}
nav a::after, .tags a::after {
content: '';
}
.cmd {
background: #fff;
color: #111;
}
pre code {
white-space: pre-wrap !important;
}
.line-numbers .line-numbers-rows {
display: none;
}
.line-numbers code {
padding-left: 0;
}
main * {
page-break-inside: avoid;
}
}