Last active
December 14, 2015 12:19
-
-
Save dmolsen/5085356 to your computer and use it in GitHub Desktop.
sass-ified example of styles
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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