diff options
Diffstat (limited to 'examples/blog/src/styles/blog.css')
| -rw-r--r-- | examples/blog/src/styles/blog.css | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/examples/blog/src/styles/blog.css b/examples/blog/src/styles/blog.css index 2a722d237..b32295a40 100644 --- a/examples/blog/src/styles/blog.css +++ b/examples/blog/src/styles/blog.css @@ -1,10 +1,10 @@ :root { --font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; - --font-body: 'IBM Plex Sans', var(--font-fallback); - --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', - 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', - 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; + --font-body: "IBM Plex Sans", var(--font-fallback); + --font-mono: "IBM Plex Mono", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", + "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", + "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; --color-white: #fff; --color-black: #000014; @@ -32,6 +32,8 @@ --color-red-rgb: 255, 22, 57; --color-yellow: #ffbe2d; --color-yellow-rgb: 255, 190, 45; + + --content-max-width: 70ch; } :root { @@ -77,7 +79,6 @@ body { * { box-sizing: border-box; - margin: 0; } :root { @@ -101,7 +102,7 @@ body { .wrapper { margin-left: auto; margin-right: auto; - max-width: 65em; + max-width: var(--content-max-width); padding-left: 2rem; padding-right: 2rem; width: 100%; @@ -173,7 +174,7 @@ a > code { } a > code::before { - content: ''; + content: ""; position: absolute; top: 0; right: 0; |