diff --git a/src/_layouts/base.njk b/src/_layouts/base.njk
index 95deb11..cccdcd6 100644
--- a/src/_layouts/base.njk
+++ b/src/_layouts/base.njk
@@ -4,8 +4,8 @@
{% block title %}Accessibility Audit for {{ title }}{% endblock %}
-
-
+
+
{% block meta %}{% endblock %}
diff --git a/src/assets/styles/print.css b/src/assets/styles/print.css
index 2b34232..3d90bf3 100644
--- a/src/assets/styles/print.css
+++ b/src/assets/styles/print.css
@@ -1,48 +1,9 @@
-/* stylelint-disable at-rule-property-required-list */
-
-@font-face {
- font-family: 'Noto Sans Mono';
- font-style: normal;
- font-weight: normal;
- src:
- url('../fonts/noto-sans-mono-v30-latin-regular.woff2') format('woff2'),
- url('../fonts/noto-sans-mono-v30-latin-regular.ttf') format('truetype');
-}
-
-@font-face {
- font-family: 'Noto Serif';
- font-style: normal;
- font-weight: normal;
- src:
- url('../fonts/noto-serif-v23-latin-regular.woff2') format('woff2'),
- url('../fonts/noto-serif-v23-latin-regular.ttf') format('truetype');
-}
-
-@font-face {
- font-family: 'Noto Serif';
- font-style: italic;
- font-weight: normal;
- src:
- url('../fonts/noto-serif-v23-latin-italic.woff2') format('woff2'),
- url('../fonts/noto-serif-v23-latin-italic.ttf') format('truetype');
-}
-
-@font-face {
- font-family: 'Noto Serif';
- font-style: normal;
- font-weight: bold;
- src:
- url('../fonts/noto-serif-v23-latin-700.woff2') format('woff2'),
- url('../fonts/noto-serif-v23-latin-700.ttf') format('truetype');
-}
-
-@font-face {
- font-family: 'Noto Serif';
- font-style: italic;
- font-weight: bold;
- src:
- url('../fonts/noto-serif-v23-latin-700italic.woff2') format('woff2'),
- url('../fonts/noto-serif-v23-latin-700italic.ttf') format('truetype');
+@page {
+ size: 8.5in 11in;
+ margin: 1in;
+ @bottom-center {
+ content: 'Page ' counter(page) ' of ' counter(pages);
+ }
}
body {
@@ -77,120 +38,3 @@ a.wcag-link:visited {
font-size: inherit;
border-radius: 0;
}
-
-@page {
- size: 8.5in 11in;
- margin: 1in;
- @bottom-center {
- content: 'Page ' counter(page) ' of ' counter(pages);
- }
-}
-
-/**
- * a11y-dark theme for JavaScript, CSS, and HTML
- * Based on the okaidia theme: https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css
- * @author ericwbailey
- */
-
-code[class*='language-'],
-pre[class*='language-'] {
- color: #f8f8f2;
- background: none;
- font-family: 'Noto Sans Mono', monospace;
- text-align: left;
- white-space: pre;
- word-spacing: normal;
- word-break: normal;
- word-wrap: normal;
- line-height: 1.5;
- tab-size: 4;
- hyphens: none;
-}
-
-pre[class*='language-'] {
- padding: 1em;
- margin: 0.5em 0;
- overflow: auto;
- border-radius: 0.3em;
-}
-
-:not(pre) > code[class*='language-'],
-pre[class*='language-'] {
- background: #2b2b2b;
-}
-
-:not(pre) > code[class*='language-'] {
- padding: 0.1em;
- border-radius: 0.3em;
- white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
- color: #d4d0ab;
-}
-
-.token.punctuation {
- color: #fefefe;
-}
-
-.token.property,
-.token.tag,
-.token.constant,
-.token.symbol,
-.token.deleted {
- color: #ffa07a;
-}
-
-.token.boolean,
-.token.number {
- color: #00e0e0;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
- color: #abe338;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string,
-.token.variable {
- color: #00e0e0;
-}
-
-.token.atrule,
-.token.attr-value,
-.token.function {
- color: #ffd700;
-}
-
-.token.keyword {
- color: #00e0e0;
-}
-
-.token.regex,
-.token.important {
- color: #ffd700;
-}
-
-.token.important,
-.token.bold {
- font-weight: bold;
-}
-
-.token.italic {
- font-style: italic;
-}
-
-.token.entity {
- cursor: help;
-}
diff --git a/src/assets/styles/report.css b/src/assets/styles/report.css
index 8f8c0d3..9b11880 100644
--- a/src/assets/styles/report.css
+++ b/src/assets/styles/report.css
@@ -2,6 +2,56 @@
box-sizing: border-box;
}
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Sans Mono';
+ font-style: normal;
+ font-weight: normal;
+ src:
+ url('../fonts/noto-sans-mono-v30-latin-regular.woff2') format('woff2'),
+ url('../fonts/noto-sans-mono-v30-latin-regular.ttf') format('truetype');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: normal;
+ src:
+ url('../fonts/noto-serif-v23-latin-regular.woff2') format('woff2'),
+ url('../fonts/noto-serif-v23-latin-regular.ttf') format('truetype');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: normal;
+ src:
+ url('../fonts/noto-serif-v23-latin-italic.woff2') format('woff2'),
+ url('../fonts/noto-serif-v23-latin-italic.ttf') format('truetype');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: bold;
+ src:
+ url('../fonts/noto-serif-v23-latin-700.woff2') format('woff2'),
+ url('../fonts/noto-serif-v23-latin-700.ttf') format('truetype');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: bold;
+ src:
+ url('../fonts/noto-serif-v23-latin-700italic.woff2') format('woff2'),
+ url('../fonts/noto-serif-v23-latin-700italic.ttf') format('truetype');
+}
+
body {
max-width: 50em;
margin: 2em auto;
diff --git a/src/assets/styles/screen.css b/src/assets/styles/screen.css
index 441e75b..65d96d5 100644
--- a/src/assets/styles/screen.css
+++ b/src/assets/styles/screen.css
@@ -1,53 +1,3 @@
-@font-face {
- font-display: swap;
- font-family: 'Noto Sans Mono';
- font-style: normal;
- font-weight: normal;
- src:
- url('../fonts/noto-sans-mono-v30-latin-regular.woff2') format('woff2'),
- url('../fonts/noto-sans-mono-v30-latin-regular.ttf') format('truetype');
-}
-
-@font-face {
- font-display: swap;
- font-family: 'Noto Serif';
- font-style: normal;
- font-weight: normal;
- src:
- url('../fonts/noto-serif-v23-latin-regular.woff2') format('woff2'),
- url('../fonts/noto-serif-v23-latin-regular.ttf') format('truetype');
-}
-
-@font-face {
- font-display: swap;
- font-family: 'Noto Serif';
- font-style: italic;
- font-weight: normal;
- src:
- url('../fonts/noto-serif-v23-latin-italic.woff2') format('woff2'),
- url('../fonts/noto-serif-v23-latin-italic.ttf') format('truetype');
-}
-
-@font-face {
- font-display: swap;
- font-family: 'Noto Serif';
- font-style: normal;
- font-weight: bold;
- src:
- url('../fonts/noto-serif-v23-latin-700.woff2') format('woff2'),
- url('../fonts/noto-serif-v23-latin-700.ttf') format('truetype');
-}
-
-@font-face {
- font-display: swap;
- font-family: 'Noto Serif';
- font-style: italic;
- font-weight: bold;
- src:
- url('../fonts/noto-serif-v23-latin-700italic.woff2') format('woff2'),
- url('../fonts/noto-serif-v23-latin-700italic.ttf') format('truetype');
-}
-
@media (width < 48em) {
.issue header {
align-items: flex-start;