diff --git a/content/onepage.md b/content/onepage.md new file mode 100644 index 0000000..f373920 --- /dev/null +++ b/content/onepage.md @@ -0,0 +1,4 @@ ++++ +title = "Infusion" +type = "onepage" ++++ diff --git a/content/patterns/writing/library-structure.md b/content/patterns/writing/library-structure.md index f6c73f1..6f9fd60 100644 --- a/content/patterns/writing/library-structure.md +++ b/content/patterns/writing/library-structure.md @@ -1,7 +1,6 @@ +++ title = "Library structure" weight = 1 -tags = ['structure', 'library', 'stuff'] +++ Before you can set about documenting patterns, you need to know where everything goes. The simplest folder structure looks like this: diff --git a/docs/css/styles.css b/docs/css/styles.css index b19da54..053fe60 100644 --- a/docs/css/styles.css +++ b/docs/css/styles.css @@ -836,7 +836,53 @@ h1 svg { border: 0; } -@media (max-width: 45em) { +/* Single page layout */ + +.wrapper.one-page .main-and-footer { + margin-left: 0; +} + +.wrapper.one-page .intro-and-nav { + position: static; + border: 0; + width: auto; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} + +.wrapper.one-page main { + min-height: 0; +} + +.wrapper.one-page .library-desc { + font-size: 1rem; +} + +.wrapper.one-page .intro-and-nav > div { + height: auto; +} + +.wrapper.one-page #patterns-list { + margin-left: 0; + margin-top: 1.5rem; + display: block; +} + +.wrapper.one-page .toc { + font-size: 1rem; +} + +.wrapper.one-page .toc h2 { + font-size: 1.66rem; +} + +.wrapper.one-page #patterns-list h3 { + font-size: 1.25rem; +} + +@media screen and (max-width: 45em) { [role="banner"] { position: static; @@ -920,7 +966,8 @@ h1 svg { @media print { - .intro-and-nav, [role="contentinfo"] { + .wrapper:not(.one-page) .intro-and-nav, + .wrapper:not(.one-page) [role="contentinfo"] { display: none; } @@ -932,15 +979,11 @@ h1 svg { border: 0; } - a::after { + main a::after { content:" (" attr(href) ")"; word-break: break-word; } - nav a::after, .tags a::after { - content: ''; - } - .cmd { background: #fff; color: #111; diff --git a/docs/index.html b/docs/index.html index ae62d34..4255938 100644 --- a/docs/index.html +++ b/docs/index.html @@ -33,7 +33,9 @@
- skip to content + + skip to content + -Documentation for the Infusion pattern library builder. This documentation is constructed using the builder itself.
+Documentation for the Infusion pattern library builder. This documentation is constructed using the builder itself.
+ +