Including a logo
@@ -393,6 +399,28 @@ theme = "infusion"
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": [
+ {...
+
+
+
+
+
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:
diff --git a/docs/print-version/index.html b/docs/print-version/index.html
index 7c11d8e..b2fc1ee 100644
--- a/docs/print-version/index.html
+++ b/docs/print-version/index.html
@@ -427,6 +427,28 @@ theme = "infusion"
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": [
+ {...
+
+
+
+
+
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:
diff --git a/docs/service-worker.js b/docs/service-worker.js
index 813d538..cdad6a9 100644
--- a/docs/service-worker.js
+++ b/docs/service-worker.js
@@ -37,7 +37,7 @@
/* eslint-disable indent, no-unused-vars, no-multiple-empty-lines, max-nested-callbacks, space-before-function-paren, quotes, comma-spacing */
'use strict';
-var precacheConfig = [["browserconfig.xml","67c3113b1574fecc6015d56d774e1d38"],["categories/index.xml","0ac1d02cfbcad2fcc8c13b2c54715338"],["css/fonts/miriamlibre-bold.woff","96496f6f06535d25b3bcba876917ca35"],["css/fonts/miriamlibre-bold.woff2","668defa44d9a74dd709ce0c826a5eb11"],["css/images/arrow_effect.svg","1434d178461f70c16b77acb4bdbc51e3"],["css/images/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","8e44ff3d8017e66d15a837410eb77a15"],["images/android-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/android-icon-192x192.png","4c07782e52e0ab714074e6d3d69dc3ec"],["images/android-icon-36x36.png","3b2cd8c925a66bf84c89b68bb30e5f62"],["images/android-icon-48x48.png","45dc386eea1d8a46216a8b6de9b156c6"],["images/android-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/android-icon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/apple-icon-114x114.png","72e127d6f01dfcd2ba2340141babc536"],["images/apple-icon-120x120.png","bc7cd9e36869e66aaca78412207bf723"],["images/apple-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/apple-icon-152x152.png","567c64205576865b5e5d06c849613ca2"],["images/apple-icon-180x180.png","6b8734c446bf02ab50be598b4c01ec9c"],["images/apple-icon-57x57.png","f8c586086752c78870820b6190d6b42b"],["images/apple-icon-60x60.png","6e88df111e506bcd5501bed4ff10542e"],["images/apple-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/apple-icon-76x76.png","d8666e0ac256f39f8c5c628486bd71fb"],["images/apple-icon-precomposed.png","725f6cec25256abb1db10385e0724400"],["images/apple-icon.png","725f6cec25256abb1db10385e0724400"],["images/bad_design_system.png","9c0e87a34e7d842b0e2831dc947249aa"],["images/browser-Chrome-Android.svg","3100b2a9c5f0e34982c717fc2aa46d73"],["images/browser-Chrome.svg","fa39b4be6727525330e928f582fbe80a"],["images/browser-Edge.svg","9e8265ab8f6a701587a4271dd3aa6a73"],["images/browser-Firefox-Android.svg","452df7b9e83c70a07e8e03b4e8dab9c4"],["images/browser-Firefox.svg","d3093eda664be3d0cc6d791e1386420f"],["images/browser-IE.svg","13e192cf2b3fe17e7049a49b7d085caa"],["images/browser-Opera.svg","95d65630c9f7deef6a3098af8f5baf9f"],["images/browser-Safari-iOS.svg","f729e629ec998ec40d313495d7257741"],["images/browser-Safari.svg","523ee9491f5a937b8975f4d23aa77f62"],["images/favicon-16x16.png","7a99c20d6c00babddd26d03607b8721d"],["images/favicon-32x32.png","129881474a1bf130027bff7a1e89febd"],["images/favicon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/favicon.ico","81c46feedbfcc6c6dc9495e4fd5adfad"],["images/icon-info.svg","53a6c555ce41f818556c71ab0dfc533b"],["images/icon-tag.svg","f067bbbc072941b2a0335679300bfc6c"],["images/icon-warning.svg","2a4322abbee9aed694fadb50e98a1f61"],["images/logo.svg","9d455af53f9c02bc76abd2bb576c164d"],["images/ms-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/ms-icon-150x150.png","e73370837ab9060772a18d62aaacd0f0"],["images/ms-icon-310x310.png","8a7143516b929702e3309bb537a99c5c"],["images/ms-icon-70x70.png","d7c6e7368733d53b5f979546d5aa4fe9"],["images/open_in_desktop.png","e899d6679b011aa7b0e783683d90d99b"],["images/serve_from_docs.png","15ae9eac3737a21593ebe00a9312bf9e"],["index.html","a552cc7519e0eeada8f4da7b4abff7a2"],["index.xml","62c43ef554019de6d4808768f5f4cbad"],["js/dom-scripts.js","f7e4e662f3c30e319ac30f9a6c28d0ca"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["js/webcomponents.js","c5f6fe397db634cde89f66c2f1bc2f62"],["manifest.json","db7fe2494bfde2c101d77d4aee481437"],["patterns/coding/code-blocks/index.html","008374cd248a69226fbeb9a5f2e08321"],["patterns/coding/color-palettes/index.html","236a8737b2b670fdce38fae8a6d3ad71"],["patterns/coding/command-line/index.html","a031c29caeb331d115de3903b095f965"],["patterns/coding/demo-embedding/index.html","497363d2a5ac7c01b407a818b2b0ebd1"],["patterns/coding/file-trees/index.html","e12eae853786f0b68544054b59e11ba5"],["patterns/coding/index.html","f2b85b8ce0aa726b0ba8aa113728a2fa"],["patterns/coding/index.xml","c8141d2e5b185b41c7c2297cbe9761a9"],["patterns/coding/tested/index.html","8e1bcb24fa0e7370f713048a869165bb"],["patterns/coding/writing-inline-demos/index.html","8fbeb23997b3756bf6f3a2c9c1a67299"],["patterns/index.html","7b47be5899ec30a3aeaf2dc7e28abbe3"],["patterns/index.xml","fef34844f84d6c8ad7e27732478291a7"],["patterns/installation/index.html","f48a577c4ace02cede7d6f66351ff775"],["patterns/library-setup/index.html","d7230f3d29895fe8be0eaebd468bceaf"],["patterns/media/including-images/index.html","e65131871f35d80140640dfb57ce7f0a"],["patterns/media/including-videos/index.html","2ab8f61e69ad1f42de521643d82d6ba7"],["patterns/media/index.html","afbe1a8787560e95612db633ad72f7e0"],["patterns/media/index.xml","38cdadb4cc97fb22238e2342ed8d4d31"],["patterns/printing/index.html","1c9ae2485478d4c92785f14143fce173"],["patterns/serving/index.html","17ac49843cd3caea71bd6e056ce99741"],["patterns/writing/expandable-sections/index.html","1b247a43ea0939554d2467acdf47bf37"],["patterns/writing/index.html","0ebe64b64174e93af1445cb83571317a"],["patterns/writing/index.xml","7975bc05d66958e02f1433099f033636"],["patterns/writing/library-structure/index.html","7e9cf01677661439660da36dcd55c758"],["patterns/writing/markdown-and-metadata/index.html","cafe0ffe59d4b3d40075f87f3eaec2b7"],["patterns/writing/notes-and-warnings/index.html","ab545e3cf355dc1f017a7f6710476f1f"],["patterns/writing/references/index.html","d2a7ff0750bcae52574fbe04aa96ea3d"],["patterns/writing/tables-of-contents/index.html","291666b7cee3bf30fc9744a64a57fc5e"],["print-version/index.html","265613a5c2c1a7309327066954ca6030"],["sitemap.xml","001c1e642c492c18a637bccfcfc2fe9d"],["tags/index.xml","5af18d25fdcb072a78c1603adacee4f6"],["tags/markdown/index.html","165c08d51fb0d5470737f5d82b979738"],["tags/markdown/index.xml","757d307cdf85883859ac95ea20527f4a"],["tags/metadata/index.html","9e96d01aeb1f18f22e2f4c6c9c198615"],["tags/metadata/index.xml","b6989e44540f4745072a2063369de173"]];
+var precacheConfig = [["browserconfig.xml","67c3113b1574fecc6015d56d774e1d38"],["categories/index.xml","0ac1d02cfbcad2fcc8c13b2c54715338"],["css/fonts/miriamlibre-bold.woff","96496f6f06535d25b3bcba876917ca35"],["css/fonts/miriamlibre-bold.woff2","668defa44d9a74dd709ce0c826a5eb11"],["css/images/arrow_effect.svg","1434d178461f70c16b77acb4bdbc51e3"],["css/images/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","a5642b87198a0f10b2ee19301c004693"],["images/android-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/android-icon-192x192.png","4c07782e52e0ab714074e6d3d69dc3ec"],["images/android-icon-36x36.png","3b2cd8c925a66bf84c89b68bb30e5f62"],["images/android-icon-48x48.png","45dc386eea1d8a46216a8b6de9b156c6"],["images/android-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/android-icon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/apple-icon-114x114.png","72e127d6f01dfcd2ba2340141babc536"],["images/apple-icon-120x120.png","bc7cd9e36869e66aaca78412207bf723"],["images/apple-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/apple-icon-152x152.png","567c64205576865b5e5d06c849613ca2"],["images/apple-icon-180x180.png","6b8734c446bf02ab50be598b4c01ec9c"],["images/apple-icon-57x57.png","f8c586086752c78870820b6190d6b42b"],["images/apple-icon-60x60.png","6e88df111e506bcd5501bed4ff10542e"],["images/apple-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/apple-icon-76x76.png","d8666e0ac256f39f8c5c628486bd71fb"],["images/apple-icon-precomposed.png","725f6cec25256abb1db10385e0724400"],["images/apple-icon.png","725f6cec25256abb1db10385e0724400"],["images/bad_design_system.png","9c0e87a34e7d842b0e2831dc947249aa"],["images/browser-Chrome-Android.svg","3100b2a9c5f0e34982c717fc2aa46d73"],["images/browser-Chrome.svg","fa39b4be6727525330e928f582fbe80a"],["images/browser-Edge.svg","9e8265ab8f6a701587a4271dd3aa6a73"],["images/browser-Firefox-Android.svg","452df7b9e83c70a07e8e03b4e8dab9c4"],["images/browser-Firefox.svg","d3093eda664be3d0cc6d791e1386420f"],["images/browser-IE.svg","13e192cf2b3fe17e7049a49b7d085caa"],["images/browser-Opera.svg","95d65630c9f7deef6a3098af8f5baf9f"],["images/browser-Safari-iOS.svg","f729e629ec998ec40d313495d7257741"],["images/browser-Safari.svg","523ee9491f5a937b8975f4d23aa77f62"],["images/favicon-16x16.png","7a99c20d6c00babddd26d03607b8721d"],["images/favicon-32x32.png","129881474a1bf130027bff7a1e89febd"],["images/favicon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/favicon.ico","81c46feedbfcc6c6dc9495e4fd5adfad"],["images/icon-info.svg","53a6c555ce41f818556c71ab0dfc533b"],["images/icon-tag.svg","f067bbbc072941b2a0335679300bfc6c"],["images/icon-warning.svg","2a4322abbee9aed694fadb50e98a1f61"],["images/logo.svg","9d455af53f9c02bc76abd2bb576c164d"],["images/ms-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/ms-icon-150x150.png","e73370837ab9060772a18d62aaacd0f0"],["images/ms-icon-310x310.png","8a7143516b929702e3309bb537a99c5c"],["images/ms-icon-70x70.png","d7c6e7368733d53b5f979546d5aa4fe9"],["images/open_in_desktop.png","e899d6679b011aa7b0e783683d90d99b"],["images/serve_from_docs.png","15ae9eac3737a21593ebe00a9312bf9e"],["index.html","a552cc7519e0eeada8f4da7b4abff7a2"],["index.xml","62c43ef554019de6d4808768f5f4cbad"],["js/dom-scripts.js","f7e4e662f3c30e319ac30f9a6c28d0ca"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["js/webcomponents.js","c5f6fe397db634cde89f66c2f1bc2f62"],["manifest.json","db7fe2494bfde2c101d77d4aee481437"],["patterns/coding/code-blocks/index.html","008374cd248a69226fbeb9a5f2e08321"],["patterns/coding/color-palettes/index.html","236a8737b2b670fdce38fae8a6d3ad71"],["patterns/coding/command-line/index.html","a031c29caeb331d115de3903b095f965"],["patterns/coding/demo-embedding/index.html","497363d2a5ac7c01b407a818b2b0ebd1"],["patterns/coding/file-trees/index.html","e12eae853786f0b68544054b59e11ba5"],["patterns/coding/index.html","f2b85b8ce0aa726b0ba8aa113728a2fa"],["patterns/coding/index.xml","c8141d2e5b185b41c7c2297cbe9761a9"],["patterns/coding/tested/index.html","8e1bcb24fa0e7370f713048a869165bb"],["patterns/coding/writing-inline-demos/index.html","8fbeb23997b3756bf6f3a2c9c1a67299"],["patterns/index.html","7b47be5899ec30a3aeaf2dc7e28abbe3"],["patterns/index.xml","fef34844f84d6c8ad7e27732478291a7"],["patterns/installation/index.html","f48a577c4ace02cede7d6f66351ff775"],["patterns/library-setup/index.html","14e4a60d2fe024a0a722d9f85a528bfc"],["patterns/media/including-images/index.html","e65131871f35d80140640dfb57ce7f0a"],["patterns/media/including-videos/index.html","2ab8f61e69ad1f42de521643d82d6ba7"],["patterns/media/index.html","afbe1a8787560e95612db633ad72f7e0"],["patterns/media/index.xml","38cdadb4cc97fb22238e2342ed8d4d31"],["patterns/printing/index.html","1c9ae2485478d4c92785f14143fce173"],["patterns/serving/index.html","17ac49843cd3caea71bd6e056ce99741"],["patterns/writing/expandable-sections/index.html","1b247a43ea0939554d2467acdf47bf37"],["patterns/writing/index.html","0ebe64b64174e93af1445cb83571317a"],["patterns/writing/index.xml","7975bc05d66958e02f1433099f033636"],["patterns/writing/library-structure/index.html","7e9cf01677661439660da36dcd55c758"],["patterns/writing/markdown-and-metadata/index.html","cafe0ffe59d4b3d40075f87f3eaec2b7"],["patterns/writing/notes-and-warnings/index.html","ab545e3cf355dc1f017a7f6710476f1f"],["patterns/writing/references/index.html","d2a7ff0750bcae52574fbe04aa96ea3d"],["patterns/writing/tables-of-contents/index.html","291666b7cee3bf30fc9744a64a57fc5e"],["print-version/index.html","17d410abfb8bb4da104f02751bb0414b"],["sitemap.xml","001c1e642c492c18a637bccfcfc2fe9d"],["tags/index.xml","5af18d25fdcb072a78c1603adacee4f6"],["tags/markdown/index.html","165c08d51fb0d5470737f5d82b979738"],["tags/markdown/index.xml","757d307cdf85883859ac95ea20527f4a"],["tags/metadata/index.html","9e96d01aeb1f18f22e2f4c6c9c198615"],["tags/metadata/index.xml","b6989e44540f4745072a2063369de173"]];
var cacheName = 'sw-precache-v3-sw-precache-' + (self.registration ? self.registration.scope : '');
diff --git a/themes/infusion/static/css/styles.css b/themes/infusion/static/css/styles.css
index 049cc09..50334df 100644
--- a/themes/infusion/static/css/styles.css
+++ b/themes/infusion/static/css/styles.css
@@ -676,8 +676,6 @@ h1 svg {
.pattern-link {
font-weight: bold;
- display: inline-block;
- hyphens: auto;
}
/* inline demos */