diff options
| author |  Jonathan Neal <jonathantneal@hotmail.com>
| 2021-12-22 16:11:05 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-12-22 16:11:05 -0500 |
| commit | 6ddd7678ffb6598ae6e263706813cb5e94535f02 (patch) | |
| tree | d4b45f7590b59c3574bd6593b17d8066f71007c6 /examples/with-markdown-plugins/src | |
| parent | 305ce4182fbe89abcfb88008ddce178bd8863b6a (diff) | |
| download | astro-6ddd7678ffb6598ae6e263706813cb5e94535f02.tar.gz astro-6ddd7678ffb6598ae6e263706813cb5e94535f02.tar.zst astro-6ddd7678ffb6598ae6e263706813cb5e94535f02.zip | |
Use accessible indentation (#2253)
Diffstat (limited to 'examples/with-markdown-plugins/src')
| -rw-r--r-- | examples/with-markdown-plugins/src/layouts/main.astro | 56 | ||||
| -rw-r--r-- | examples/with-markdown-plugins/src/pages/about.astro | 22 | ||||
| -rw-r--r-- | examples/with-markdown-plugins/src/styles/global.css | 54 |
3 files changed, 66 insertions, 66 deletions
diff --git a/examples/with-markdown-plugins/src/layouts/main.astro b/examples/with-markdown-plugins/src/layouts/main.astro index 467f16951..745f70d86 100644 --- a/examples/with-markdown-plugins/src/layouts/main.astro +++ b/examples/with-markdown-plugins/src/layouts/main.astro @@ -2,34 +2,34 @@ const { content } = Astro.props; --- -<html lang={ content.lang || 'en' }> - <head> - <meta charset="utf-8" /> +<html lang={content.lang || 'en'}> + <head> + <meta charset="utf-8" /> - <link rel="icon" type="image/x-icon" href="/favicon.ico" /> + <link rel="icon" type="image/x-icon" href="/favicon.ico" /> - <title>{content.title}</title> - <link rel="stylesheet" href={Astro.resolve('../styles/global.css')}> - <style> - .nav { - border-bottom: 1px solid #ccc; - margin-bottom: 40px; - padding-bottom: 20px; - } - .nav > * + * { - margin-left: 10px; - } - </style> - </head> - <body> - <main class="content"> - <header> - <nav class="nav"> - <a href="/">Home</a> - <a href="/about">About</a> - </nav> - </header> - <slot /> - </main> - </body> + <title>{content.title}</title> + <link rel="stylesheet" href={Astro.resolve('../styles/global.css')} /> + <style> + .nav { + border-bottom: 1px solid #ccc; + margin-bottom: 40px; + padding-bottom: 20px; + } + .nav > * + * { + margin-left: 10px; + } + </style> + </head> + <body> + <main class="content"> + <header> + <nav class="nav"> + <a href="/">Home</a> + <a href="/about">About</a> + </nav> + </header> + <slot /> + </main> + </body> </html> diff --git a/examples/with-markdown-plugins/src/pages/about.astro b/examples/with-markdown-plugins/src/pages/about.astro index c313f98a9..1115fcb8c 100644 --- a/examples/with-markdown-plugins/src/pages/about.astro +++ b/examples/with-markdown-plugins/src/pages/about.astro @@ -1,20 +1,20 @@ --- import { Markdown } from 'astro/components'; -import MainLayout from '../layouts/main.astro' +import MainLayout from '../layouts/main.astro'; --- -<MainLayout content={{ title: "About" }}> - <Markdown> - # About +<MainLayout content={{ title: 'About' }}> + <Markdown> + # About - Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut. + Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut. - Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut. + Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut. - ## My story + ## My story - Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut. - - Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut. - </Markdown> + Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut. + + Sint ullamco sint ut irure laborum occaecat anim minim tempor enim dolore reprehenderit Lorem. Sit qui nisi in quis ut consequat minim. Ad commodo officia nisi culpa proident duis culpa eu reprehenderit incididunt do fugiat proident tempor. Et velit dolor aliqua dolor ipsum. Sunt eiusmod amet enim ut. + </Markdown> </MainLayout> diff --git a/examples/with-markdown-plugins/src/styles/global.css b/examples/with-markdown-plugins/src/styles/global.css index ea585d269..ced30f0a2 100644 --- a/examples/with-markdown-plugins/src/styles/global.css +++ b/examples/with-markdown-plugins/src/styles/global.css @@ -1,53 +1,53 @@ body { - font-family: system-ui; + font-family: system-ui; } .content { - max-width: 640px; - margin: 40px auto; - padding: 0 20px; + max-width: 640px; + margin: 40px auto; + padding: 0 20px; } .title { - position: relative; + position: relative; } .title a { - position: absolute; - display: block; - height: 100%; - width: 100%; - color: inherit; + position: absolute; + display: block; + height: 100%; + width: 100%; + color: inherit; } .title a:before { - position: absolute; - right: 100%; - display: block; - content: '#'; - margin-right: 0.2em; - visibility: hidden; - opacity: 0.5; + position: absolute; + right: 100%; + display: block; + content: '#'; + margin-right: 0.2em; + visibility: hidden; + opacity: 0.5; } .title:hover a:before { - visibility: visible; + visibility: visible; } .remark-code-title, pre[class^='language-'] { - padding: 10px; - margin: 0; + padding: 10px; + margin: 0; } .remark-code-title { - border-bottom: 1px solid rgba(0, 0, 0, 0.05); - border-radius: 4px 4px 0 0; - background: rgba(0, 0, 0, 0.08); - font-family: monospace; - font-weight: bold; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + border-radius: 4px 4px 0 0; + background: rgba(0, 0, 0, 0.08); + font-family: monospace; + font-weight: bold; } pre[class^='language-'] { - background: rgba(0, 0, 0, 0.05); - border-radius: 0 0 4px 4px; + background: rgba(0, 0, 0, 0.05); + border-radius: 0 0 4px 4px; } |