Skip to content

Instantly share code, notes, and snippets.

@csilverman
Created October 26, 2022 19:51
Show Gist options
  • Save csilverman/08b011ea3c533cdaa5f51e354e3f3804 to your computer and use it in GitHub Desktop.
Save csilverman/08b011ea3c533cdaa5f51e354e3f3804 to your computer and use it in GitHub Desktop.
This is custom CSS for the dillinger.io Markdown editor. It makes editing text a little nicer. Set it up in something like Stylebot.
/*
Dillingest 1.0
==============
Chris Silverman
2022/10/26
This is custom CSS for the dillinger.io Markdown editor. It
makes editing text a little nicer. Set it up in something
like Stylebot to use on the Dillinger site.
*/
h1.code-line {
font-family: system-ui;
font-size: 4rem;
}
p.has-line-data {
font-family: system-ui;
font-size: 1.5rem;
line-height: 1.3;
}
h2.code-line {
font-family: system-ui;
font-size: 3rem;
}
div#editor1 {
width: 45%;
}
div#preview1 {
width: 55%;
}
div#preview {
max-width: 52rem;
margin-left: auto;
margin-right: auto;
padding-top: 4rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment