shanselman / firsttimersonly

The Repository for the FirstTimersOnly movement in Open Source. We want projects to reserve some issues for newbies.
MIT License
695 stars 437 forks source link

More accessible, inclusive styling. #39

Closed NickColley closed 6 years ago

NickColley commented 6 years ago

I was wondering if we could update the site styling so it's more inclusive? I find the text really hard to read at the moment since it's so small.

image

html, body {
    font-size: 20px;
    font-family:
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      "Roboto",
      "Oxygen",
      "Ubuntu",
      "Cantarell",
      "Fira Sans",
      "Droid Sans",
      "Helvetica Neue",
      sans-serif;
    line-height: normal;
    margin: 1rem;
}

h3 {
    margin-top: 2rem;
}

h2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

p, ul {
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

ul {
    padding-left: 0;
}
li {
    margin-bottom: .5rem;
}

pre {
    overflow-y: auto;
}

.shell {
    margin: auto;
    max-width: 35em;
}
shanselman commented 6 years ago

Thanks! Checked in