diff options
Diffstat (limited to 'examples/blog/src/styles')
| -rw-r--r-- | examples/blog/src/styles/global.css | 75 |
1 files changed, 41 insertions, 34 deletions
diff --git a/examples/blog/src/styles/global.css b/examples/blog/src/styles/global.css index 5ec3e0013..fe9ecf0b8 100644 --- a/examples/blog/src/styles/global.css +++ b/examples/blog/src/styles/global.css @@ -4,24 +4,25 @@ License MIT: https://github.com/HermanMartinus/bearblog/blob/master/LICENSE.md */ - :root { - --accent: #2337FF; - --accent-dark: #000D8A; +:root { + --accent: #2337ff; + --accent-dark: #000d8a; --black: 15, 18, 25; --gray: 96, 115, 159; --gray-light: 229, 233, 240; --gray-dark: 34, 41, 57; --gray-gradient: rgba(var(--gray-light), 50%), #fff; - --box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%); + --box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), + 0 16px 32px rgba(var(--gray), 33%); } - @font-face { +@font-face { font-family: 'Atkinson'; src: url('/fonts/atkinson-regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } - @font-face { +@font-face { font-family: 'Atkinson'; src: url('/fonts/atkinson-bold.woff') format('woff'); font-weight: 700; @@ -47,27 +48,33 @@ main { margin: auto; padding: 3em 1em; } -h1, h2, h3, h4, h5, h6 { - margin: 0 0 .5rem 0; +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0 0 0.5rem 0; color: rgb(var(--black)); line-height: 1.2; } -h1 { - font-size: 3.052em; +h1 { + font-size: 3.052em; } -h2 { - font-size: 2.441em; +h2 { + font-size: 2.441em; } -h3 { - font-size: 1.953em; +h3 { + font-size: 1.953em; } -h4 { - font-size: 1.563em; +h4 { + font-size: 1.563em; } -h5 { - font-size: 1.25em; +h5 { + font-size: 1.25em; } -strong, b { +strong, +b { font-weight: 700; } a { @@ -129,19 +136,19 @@ hr { } .sr-only { - border: 0; - padding: 0; - margin: 0; - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */ - clip: rect(1px 1px 1px 1px); - /* maybe deprecated but we need to support legacy browsers */ - clip: rect(1px, 1px, 1px, 1px); - /* modern browsers, clip-path works inwards from each corner */ - clip-path: inset(50%); - /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */ - white-space: nowrap; + border: 0; + padding: 0; + margin: 0; + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */ + clip: rect(1px 1px 1px 1px); + /* maybe deprecated but we need to support legacy browsers */ + clip: rect(1px, 1px, 1px, 1px); + /* modern browsers, clip-path works inwards from each corner */ + clip-path: inset(50%); + /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */ + white-space: nowrap; } |