bookmark icons for pattern <h1>s

This commit is contained in:
Heydon Pickering 2017-07-28 13:31:46 +01:00
parent 3fa7a25610
commit 99da38d287
22 changed files with 85 additions and 36 deletions

View File

@ -451,12 +451,6 @@ caption {
margin: 0; margin: 0;
} }
.tag-icon {
height: 1em;
width: auto;
vertical-align: middle;
}
.tags strong { .tags strong {
margin-right: 0.25rem; margin-right: 0.25rem;
} }
@ -765,14 +759,16 @@ p:empty {
/* SVG icons */ /* SVG icons */
a svg, button svg { a svg, button svg, h1 svg {
height: 0.75em; height: 0.75em;
width: auto; width: auto;
margin-right: 0.25em; margin-right: 0.25em;
} }
h1 svg { h1 svg {
vertical-align: -0.5rem; height: 1em;
margin-right: 0;
vertical-align: middle;
} }
/* color palettes */ /* color palettes */

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Code blocks</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Code blocks
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Color palettes</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Color palettes
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Command line</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Command line
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Demo embedding</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Demo embedding
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>File trees</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
File trees
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Tested using...</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Tested using...
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Writing inline demos</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Writing inline demos
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Installation</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Installation
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Library setup</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Library setup
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Including images</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Including images
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Including videos</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Including videos
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Serving</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Serving
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Expandable sections</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Expandable sections
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Library structure</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Library structure
</h1>
<div class="tags"> <div class="tags">
<strong aria-hidden="true">Tags: </strong> <strong aria-hidden="true">Tags: </strong>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Markdown &amp; metadata</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Markdown &amp; metadata
</h1>
<div class="tags"> <div class="tags">
<strong aria-hidden="true">Tags: </strong> <strong aria-hidden="true">Tags: </strong>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Notes &amp; warnings</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Notes &amp; warnings
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>References</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
References
</h1>

View File

@ -282,7 +282,10 @@
<div> <div>
<main id="main"> <main id="main">
<h1>Tables of contents</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
Tables of contents
</h1>

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,9 @@
{{ define "main" }} {{ define "main" }}
<main id="main"> <main id="main">
<h1>{{ .Title }}</h1> <h1>
<svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50"><use xlink:href="#bookmark"></use></svg>
{{ .Title }}
</h1>
{{ if isset .Params "tags" }} {{ if isset .Params "tags" }}
<div class="tags"> <div class="tags">
<strong aria-hidden="true">Tags: </strong> <strong aria-hidden="true">Tags: </strong>

View File

@ -451,12 +451,6 @@ caption {
margin: 0; margin: 0;
} }
.tag-icon {
height: 1em;
width: auto;
vertical-align: middle;
}
.tags strong { .tags strong {
margin-right: 0.25rem; margin-right: 0.25rem;
} }
@ -765,14 +759,16 @@ p:empty {
/* SVG icons */ /* SVG icons */
a svg, button svg { a svg, button svg, h1 svg {
height: 0.75em; height: 0.75em;
width: auto; width: auto;
margin-right: 0.25em; margin-right: 0.25em;
} }
h1 svg { h1 svg {
vertical-align: -0.5rem; height: 1em;
margin-right: 0;
vertical-align: middle;
} }
/* color palettes */ /* color palettes */