Skip to content

Instantly share code, notes, and snippets.

@dmolsen
Last active December 14, 2015 12:19
Show Gist options
  • Select an option

  • Save dmolsen/5085356 to your computer and use it in GitHub Desktop.

Select an option

Save dmolsen/5085356 to your computer and use it in GitHub Desktop.
sass-ified example of styles
// base styles for the content container div
.content {
width: 100%;
margin: 0;
padding: 0 1.25em 1.25em 1.25em;
background-color: #fff;
float: left;
}
// break at 31.25em, builds on the base
@media screen and (min-width: $tnybreak) {
.content {
padding: 0 2.5em 1.25em 2.5em;
}
}
// break at 52.5em, builds on the base & $tnybreak
@media screen and (min-width: $smlbreak) {
.content {
width: 70%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment