add basic markdown document styling

This commit is contained in:
Ilion Beyst 2022-09-14 20:50:47 +02:00
parent 3eedbc0b85
commit 1a5755f0a3
3 changed files with 40 additions and 6 deletions

View file

@ -1,15 +1,11 @@
<div class="container"> <div class="container markdown-body">
<slot /> <slot />
</div> </div>
<style scoped lang="scss"> <style lang="scss">
@use "src/styles/variables"; @use "src/styles/variables";
.container { .container {
max-width: 800px; max-width: 800px;
color: rgb(36, 41, 47);
} }
.container a {
color: variables.$blue-primary;
}
</style> </style>

View file

@ -1,3 +1,4 @@
@forward "./variables.scss"; @forward "./variables.scss";
@forward "./buttons.scss"; @forward "./buttons.scss";
@forward "./prism.scss"; @forward "./prism.scss";
@forward "./markdown.scss"

View file

@ -0,0 +1,37 @@
@use "./variables.scss";
.markdown-body {
color: rgb(36, 41, 47);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
"Open Sans", "Helvetica Neue", sans-serif;
a {
color: variables.$blue-primary;
}
code {
color: darken(#e3116c, 5%);
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
font-size: 0.9em;
line-height: 1.2em;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
li {
padding: .5em;
}
}