Add some css
This commit is contained in:
parent
fb0a0ef136
commit
87a636a5c0
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
*.html
|
@ -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`
|
||||||
|
|
||||||
|
60
markdown.css
60
markdown.css
@ -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;
|
font-size: 2.8em;
|
||||||
color: #bd93f9
|
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
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
@ -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)
|
||||||
|
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user