Skip to content

Instantly share code, notes, and snippets.

@plindberg
Created February 25, 2012 11:51
Show Gist options
  • Select an option

  • Save plindberg/1908052 to your computer and use it in GitHub Desktop.

Select an option

Save plindberg/1908052 to your computer and use it in GitHub Desktop.
Responsive web design with Sass 3.2 alpha
.top-block-switcher-item
+responsive-layout-unit
cursor: pointer
border: 5px solid $background-white
+border-radius(3px)
+respond-to(desktop)
width: 15.25%
margin: -5px -10px 0 -5px
& + &
margin-left: 1.7%
+respond-to(below-desktop)
border-width: 3px
margin: -3px -6px 0 -3px
+respond-to(tablet)
width: 15.6%
& + &
margin-left: 1.279%
+respond-to(mobile)
width: 31.66666%
& + &
margin-left: 2.66666%
// &:nth-last-child(-n+3)
& + & + & + &,
& + & + & + & + &,
& + & + & + & + & + &
display: none
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment