Skip to content

Instantly share code, notes, and snippets.

@jasonmelgoza
Forked from jcroft/layout.sass
Created March 7, 2012 23:16
Show Gist options
  • Save jasonmelgoza/1997103 to your computer and use it in GitHub Desktop.
Save jasonmelgoza/1997103 to your computer and use it in GitHub Desktop.
How easy responsive design can be with Sass
#content-wrapper
+container
#about
// Default (smallest screens)
+column(100%)
background-color: #ccc
// Respond to other screen widths
+respond-to(tablet)
width: 33.333%
+respond-to(desktop)
width: 25%
#primary-content
+column(100%)
+respond-to(tablet)
width: 66.666%
+respond-to(desktop)
width: 50%
#secondary-content
+column(100%)
display: none
+respond-to(desktop)
width: 25%
display: block
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment