Skip to content

Instantly share code, notes, and snippets.

@ryandemmer
Created May 29, 2019 09:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ryandemmer/9b15781be58f7c23334c4c2f75b65b58 to your computer and use it in GitHub Desktop.
Save ryandemmer/9b15781be58f7c23334c4c2f75b65b58 to your computer and use it in GitHub Desktop.
editor.css file with font size increases for improved readability
/* import your template stylesheet and any others as required */
@import url('template.css');
/* set the base font size and line height */
html {
font-size: 13px;
line-height: 18px
}
/* set the increased font size and line height for all elements */
body * {
font-size: 1.1rem;
line-height: 1.2rem;
}
/* adjustments for headings */
h1,
h2,
h3 {
line-height: 2.75rem;
}
h1 {
font-size: 3.1rem;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 2.5rem;
}
h4 {
font-size: 1.75rem;
}
h5 {
font-size: 1.1rem;
}
h6 {
font-size: 1rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment