revert pattern link style

content/patterns/library-setup.md

@@ -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:

docs/css/styles.css

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

docs/patterns/library-setup/index.html

@@ -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>

docs/print-version/index.html

@@ -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>

themes/infusion/static/css/styles.css

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