astro/examples/with-markdown-plugins/public/global.css
Pavel Mineev d3969436dc
Remark and rehype plugins (#562)
* remark plugins

* remove unused dependency

* enable codeblocks

* backward compatibility with remark-code-titles

* add support for rehype plugins

* add proper types for plugins

* fixes after review

- connect plugins by name
- make plugins configurable
- connect gfm and footnotes if no plugins provided from config
- add more plugins to example

* update and rename example

* add documentation for markdown plugins

* chore: rename with-markdown-plugins example

* chore: restructure dependencies

* feat: add back smartypants, fix mdx expressions

* chore: remove log

* test: add markdown plugin tests

* chore: add changeset

* docs: update markdown doc

Co-authored-by: Nate Moore <nate@skypack.dev>
2021-07-01 11:55:22 -05:00

53 lines
793 B
CSS

body {
font-family: system-ui;
}
.content {
max-width: 640px;
margin: 40px auto;
padding: 0 20px;
}
.title {
position: relative;
}
.title a {
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;
}
.title:hover a:before {
visibility: visible;
}
.remark-code-title,
pre[class^="language-"] {
padding: 10px;
margin: 0;
}
.remark-code-title {
border-bottom: 1px solid rgba(0,0,0,.05);
border-radius: 4px 4px 0 0;
background: rgba(0,0,0,.08);
font-family: monospace;
font-weight: bold;
}
pre[class^="language-"] {
background: rgba(0,0,0,.05);
border-radius: 0 0 4px 4px;
}