Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
/* Experimental basic REM spacing and typography */
html {
font-size: 18px;
}
@media(max-width: 768px) {
html {
font-size: 16px;
}
}
body {
font-size: 1rem;
}
h1 {
font-size: 3.05rem;
}
h2 {
font-size: 2.44rem;
}
h3 {
font-size: 1.95rem;
}
h4 {
font-size: 1.56rem;
}
h5 {
font-size: 1.25rem;
}
.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.inside-header,
.footer-widgets .widget,
.sidebar .widget,
.footer-widgets,
.site-info {
padding: 2rem;
}
.separate-containers .site-main {
margin: 2rem;
}
.separate-containers .page-header,
.separate-containers .site-main>*,
.separate-containers .widget {
margin-bottom: 2rem;
}
.separate-containers .inside-left-sidebar,
.separate-containers .inside-right-sidebar {
margin-top: 2rem;
margin-bottom: 2rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment