Skip to content

Instantly share code, notes, and snippets.

@gavinengel
Created November 12, 2013 19:56
Show Gist options
  • Save gavinengel/7437564 to your computer and use it in GitHub Desktop.
Save gavinengel/7437564 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@import "breakup";
$breakup-breakpoints: (
'thin' '(max-width: 35.999em)',
'wide' '(min-width: 36em)',
'full' '(min-width: 61em)'
);
$breakup-included-blocks: ('basic' 'thin' 'wide' 'full');
// _component.scss
@include breakup-block('wide') {
@include breakup-media('(min-width: 40em)') {
.component {
background-color: green;
}
}
}
@media (min-width: 40em) {
.component {
background-color: green; } }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment