revert pattern link style
This commit is contained in:
parent
c927cc1261
commit
971b8cd4c5
|
@ -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:
|
||||
|
|
|
@ -676,8 +676,6 @@ h1 svg {
|
|||
|
||||
.pattern-link {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
hyphens: auto;
|
||||
}
|
||||
/* inline demos */
|
||||
|
||||
|
|
|
@ -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’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>{
|
||||
"name": "Infusion Pattern Library",
|
||||
"short_name": "Infusion",
|
||||
"icons": [
|
||||
{...
|
||||
</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’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>
|
||||
|
|
|
@ -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’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>{
|
||||
"name": "Infusion Pattern Library",
|
||||
"short_name": "Infusion",
|
||||
"icons": [
|
||||
{...
|
||||
</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’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
|
@ -676,8 +676,6 @@ h1 svg {
|
|||
|
||||
.pattern-link {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
hyphens: auto;
|
||||
}
|
||||
/* inline demos */
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user