Add some css

This commit is contained in:
RealStickman 2022-11-03 15:01:36 +01:00
parent fb0a0ef136
commit 87a636a5c0
4 changed files with 80 additions and 12 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
*.html

View File

@ -1,3 +1,9 @@
# markdown-css # markdown-css
Use `<link href="/home/marc/GitProjects/markdown-css/markdown.css" rel="stylesheet"></link>` on top of the markdown document Use `<link href="/home/marc/GitProjects/markdown-css/markdown.css" rel="stylesheet"></link>` on top of the markdown document
Conversion with `pandoc -t html5 --metadata title="<title>" <file>.md -o <file>.pdf`
To test the html output:
`pandoc <file>.md -o <file>.html`

View File

@ -1,26 +1,62 @@
html { html {
font-family: 'Fira Sans' font-family: 'Fira Sans';
font-size: 1.2rem;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.4em;
} }
h1 { h1 {
font-weight: bold; border-bottom: 3px solid #444;
border-bottom: 2px solid black;
text-align: center; text-align: center;
color: #bd93f9 font-size: 2.8em;
font-weight: bolder;
} }
h2,h3,h4,h5,h6 { h2 {
font-weight: bold; border-bottom: 2px solid #555;
padding-bottom: 2px; font-size: 2.3em;
border-bottom: 1px solid darkgray; }
color: #6272a4
h3 {
border-bottom: 1px solid #666;
font-size: 1.9em;
}
h4 {
border-bottom: 1px dashed #777;
font-size: 1.6em;
}
h5 {
border-bottom: 1px dashed #888;
font-size: 1.3em;
font-style: italic;
}
h6 {
font-size: 1.1em;
font-style: italic;
} }
code { code {
color: #9806bd !important; font-family: 'Fira Code';
font-family: 'Fira Code'
} }
blockquote {
border-left: 5px solid #555;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 1em;
margin-left: 0.3em;
font-style: italic;
}
/*
a { a {
font-style: italic font-style: italic
} }
*/

View File

@ -1,10 +1,35 @@
<link href="/home/marc/GitProjects/markdown-css/markdown.css" rel="stylesheet"></link> <link href="/home/marc/GitProjects/markdown-css/markdown.css" rel="stylesheet"></link>
# Header 1 # Header 1
Sampletext
Second independent line
Longer paragraph with a lot to say, I mean it does have to say enough to get broken to the next line. Hopefully this is enough now or I'll have to add even more and longer text to this one.
## Header 2 ## Header 2
Sampletext
### Header 3 ### Header 3
Sampletext
#### Header 4 #### Header 4
Sampletext
##### Header 5
Sampletext
###### Header 6
Sampletext
`single line code`
```
multi line code block
line two
```
> Quote of something
[sample link](https://wiki.exu.li)