From 630b9118b9bbc94c7252dce56fbe5a13f87c5515 Mon Sep 17 00:00:00 2001 From: "Edgar P. Burkhart" Date: Thu, 30 Dec 2021 17:31:34 +0100 Subject: [PATCH] Updated error pages with new design --- src/error/root.css | 79 +++++++++++++++++++++++---------------------- src/error/root.html | 11 +++++-- 2 files changed, 49 insertions(+), 41 deletions(-) diff --git a/src/error/root.css b/src/error/root.css index e99c67e..a2b970f 100644 --- a/src/error/root.css +++ b/src/error/root.css @@ -1,51 +1,54 @@ -html { - box-sizing: border-box; - text-align: center; -} -*, *::before, *::after { - box-sizing: inherit; +@import url('https://rsms.me/inter/inter.css'); + +:root { + /* Warm Gray */ + --gray-100: #171414; + --gray-30: #cac5c4; + --gray-10: #f7f3f2; + --red-40: #ff8389; } body { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - margin: 0; - color: #000000de; - font-family: Inter, sans-serif; + background: var(--gray-100); + color: var(--gray-10); + font-family: Inter var, Inter, sans-serif; + font-size: 1rem; + line-height: 1.375rem; + font-weight: 400; + margin: 24px; + font-feature-settings: 'ss01', 'ss03'; + max-width: 1024px; } -h1,h2 { - display: inline-block; - padding: 0 .2em; +h1,h2,h3,h4,h5,h6 { + margin: 0; + color: var(--red-40); + margin: 24px; + font-feature-settings: 'ss01', 'ss02', 'ss03', 'cv11'; } h1 { - color: #d50000; + font-size: 3.375rem; + line-height: 4rem; + font-weight: 300; } h2 { - text-align: left; - font-weight: 400; + font-size: 2.625rem; + line-height: 3.125rem; + font-weight: 300; } -figure { - display: block; - border-top: 5px #dedede solid; - text-align: left; +blockquote { + text-align: justify; + font-size: 1rem; + line-height: 1.5rem; + position: relative; + border-left: 5px solid var(--gray-30); + padding-left: 12px; + margin-left: 24px; } - -blockquote::after, blockquote::before { - font-weight: 800; - color: #dedede; -} -blockquote::before { - content: "«"; -} -blockquote::after { - content: "»"; -} - -figcaption { - text-align: right; +cite { + font-style: inherit; + font-size: .875rem; + line-height: 1.125rem; + letter-spacing: .16px; } diff --git a/src/error/root.html b/src/error/root.html index ce82ebe..a1ddf9b 100644 --- a/src/error/root.html +++ b/src/error/root.html @@ -3,15 +3,20 @@ + + + + + + {code} - {title} - - -

{code}