Skip to content

Instantly share code, notes, and snippets.

@jensgro
Forked from jcroft/layout.sass
Created March 2, 2012 20:02
Show Gist options
  • Save jensgro/1960916 to your computer and use it in GitHub Desktop.
Save jensgro/1960916 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