diff options
| -rw-r--r-- | src/components.css | 2 | ||||
| -rw-r--r-- | src/layout.css | 1 | ||||
| -rw-r--r-- | www/demos/sidebar.html | 6 | ||||
| -rw-r--r-- | www/docs/10-main.md | 2 |
4 files changed, 6 insertions, 5 deletions
diff --git a/src/components.css b/src/components.css index 961394a..828827f 100644 --- a/src/components.css +++ b/src/components.css @@ -91,7 +91,7 @@ details, & > :nth-child(2) { overflow: auto; --full-width: calc(100vw - 25ch); - margin-top: var(--gap); + padding-top: var(--gap); } } } diff --git a/src/layout.css b/src/layout.css index e446712..7971a20 100644 --- a/src/layout.css +++ b/src/layout.css @@ -25,6 +25,7 @@ .fullbleed { position: relative; + max-width: none; width: var(--full-width); left: 50%; transform: translateX(calc(-.5 * var(--full-width))); diff --git a/www/demos/sidebar.html b/www/demos/sidebar.html index 1eaf834..f8061d3 100644 --- a/www/demos/sidebar.html +++ b/www/demos/sidebar.html @@ -4,7 +4,7 @@ name: Sidebar hideFooter: yes --- -<div class="sidebar-layout fullscreen"> +<div class="fullscreen sidebar-layout"> <header> <div class="<h1>">My App</div> <nav> @@ -26,8 +26,8 @@ hideFooter: yes </nav> </header> - <div class=""> - <main> + <div> + <main class="fullbleed padding-inline"> <h1>Dashboard</h1> <p>This is a simple dashboard.</p> diff --git a/www/docs/10-main.md b/www/docs/10-main.md index 2035c13..e63a240 100644 --- a/www/docs/10-main.md +++ b/www/docs/10-main.md @@ -26,7 +26,7 @@ Install it on your website if you haven't already: ~~~ html <link rel="stylesheet" href="https://unpkg.com/missing.css@{{ version }}"> <!-- Prism theme (https://prismjs.com/): --> - <link rel="stylesheet" href="https://unpkg.com/missing.css@{{ version }}/prism"> + <link rel="stylesheet" href="https://unpkg.com/missing.css@{{ version }}/dist/missing-prism.min.css" /> ~~~ </figure> |