revert pattern link style

This commit is contained in:
Heydon Pickering 2017-08-02 20:57:01 +01:00
parent c927cc1261
commit 971b8cd4c5
6 changed files with 67 additions and 5 deletions

View File

@ -40,6 +40,22 @@ theme = "infusion"
* **description** — This is a short description of the library and comes under the logo. You can include markdown syntax here, like _**Infusion**_ in the above example for making the name of the library bold.
* **codePenUser** — If you want to embed codePens in your pattern files, you need to supply a codePen username here.
## The Web App Manifest
**Infusion** libraries work as progressive web applications, meaning users can save them to their home screen and read them offline. The web app manifest, found at the root of the `static` folder defines names and icons for the app. You'll probably want to open `/static/manifest.json` and personalize the `name` and `short_name` values.
```
{
"name": "Infusion Pattern Library",
"short_name": "Infusion",
"icons": [
{...
```
{{% note %}}
The
{{% /note %}}
## Including a logo
In the `images/static` folder, you'll find a `logo.svg` file. Replace this file with your own company or project logo. Currently, only the SVG is supported this easily because SVG the superior format for logotypes. However, if you must use a different format, you can open up the `themes/infusion/layouts/_default/baseof.html` file and edit the image reference:

View File

@ -676,8 +676,6 @@ h1 svg {
.pattern-link {
font-weight: bold;
display: inline-block;
hyphens: auto;
}
/* inline demos */

View File

@ -334,6 +334,12 @@
</a>
</li>
<li>
<a href="#the-web-app-manifest">
The Web App Manifest
</a>
</li>
<li>
<a href="#including-a-logo">
Including a logo
@ -393,6 +399,28 @@ theme = "infusion"
<li><strong>codePenUser</strong> — If you want to embed codePens in your pattern files, you need to supply a codePen username here.</li>
</ul>
<h2 id="the-web-app-manifest">The Web App Manifest</h2>
<p><strong>Infusion</strong> libraries work as progressive web applications, meaning users can save them to their home screen and read them offline. The web app manifest, found at the root of the <code>static</code> folder defines names and icons for the app. You&rsquo;ll probably want to open <code>/static/manifest.json</code> and personalize the <code>name</code> and <code>short_name</code> values.</p>
<pre><code>{
&quot;name&quot;: &quot;Infusion Pattern Library&quot;,
&quot;short_name&quot;: &quot;Infusion&quot;,
&quot;icons&quot;: [
{...
</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>The</p>
</div>
</aside>
<h2 id="including-a-logo">Including a logo</h2>
<p>In the <code>images/static</code> folder, you&rsquo;ll find a <code>logo.svg</code> file. Replace this file with your own company or project logo. Currently, only the SVG is supported this easily because SVG the superior format for logotypes. However, if you must use a different format, you can open up the <code>themes/infusion/layouts/_default/baseof.html</code> file and edit the image reference:</p>

View File

@ -427,6 +427,28 @@ theme = "infusion"
<li><strong>codePenUser</strong> — If you want to embed codePens in your pattern files, you need to supply a codePen username here.</li>
</ul>
<h2 id="the-web-app-manifest">The Web App Manifest</h2>
<p><strong>Infusion</strong> libraries work as progressive web applications, meaning users can save them to their home screen and read them offline. The web app manifest, found at the root of the <code>static</code> folder defines names and icons for the app. You&rsquo;ll probably want to open <code>/static/manifest.json</code> and personalize the <code>name</code> and <code>short_name</code> values.</p>
<pre><code>{
&quot;name&quot;: &quot;Infusion Pattern Library&quot;,
&quot;short_name&quot;: &quot;Infusion&quot;,
&quot;icons&quot;: [
{...
</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>The</p>
</div>
</aside>
<h2 id="including-a-logo">Including a logo</h2>
<p>In the <code>images/static</code> folder, you&rsquo;ll find a <code>logo.svg</code> file. Replace this file with your own company or project logo. Currently, only the SVG is supported this easily because SVG the superior format for logotypes. However, if you must use a different format, you can open up the <code>themes/infusion/layouts/_default/baseof.html</code> file and edit the image reference:</p>

File diff suppressed because one or more lines are too long

View File

@ -676,8 +676,6 @@ h1 svg {
.pattern-link {
font-weight: bold;
display: inline-block;
hyphens: auto;
}
/* inline demos */