Sass collection

gistfile1.md

SCSS

$breakpoint: 600px;

.foo {
  color: #333;
  width: 100%;
  @collect $breakpoint {
    width: 50%;
    float: left;
  }
}

.bar {
  width: 100%;
  @collect $breakpoint {
    width: 25%;
    float: left;
  }
}

@media (min-width: $breakpoint) {
  @deposit $breakpoint;
}

CSS

.foo {
  color: #333;
  width: 100%;
}

.bar {
  width: 100%;
}

@media (min-width: 600px) {
  .foo {
    width: 50%;
    float: left;
  }
  .bar {
    width: 25%;
    float: left;
  }
}