Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
If you're following my "Your First Website" posts on lauraleeflores.com (http://lauraleeflores.com/blog/your-first-website-part-1) these are some default spacing styles I apply to most projects. It's a quick and easy way to add white space to your web projects.
/* Top and Bottom Spacers */
.big-spacer {
padding: 7rem 0;
}
.medium-spacer {
padding: 4rem 0;
}
.small-spacer {
padding: 2rem 0;
}
.mini-spacer {
padding: 1rem 0;
}
/* Top Spacers */
.big-spacer-top {
padding-top: 7rem;
}
.medium-spacer-top {
padding-top: 4rem;
}
.small-spacer-top {
padding-top: 2rem;
}
.mini-spacer-top {
padding-top: 1rem;
}
/* Bottom Spacers */
.big-spacer-bottom {
padding-bottom: 7rem;
}
.medium-spacer-bottom {
padding-bottom: 4rem;
}
.small-spacer-bottom {
padding-bottom: 2rem;
}
.mini-spacer-bottom {
padding-bottom: 1rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment