SASS buffers draft

10-buffers.scss

// See https://github.com/nex3/sass/issues/116

$device-size:  small;
$device-width: 640px;

body {
  color: white;
  @buffer #{$device-size}-screen {
    color: black;
  }
}

h1 {
  color: white;
  @buffer #{$device-size}-screen {
    color: black;

    .no-js & { color: red; }
  }
}

@media only screen and (max-width: #{$device-width}) {
  @flush #{$device-size}-screen;
}

15-buffers.sass

// SASS indented version

$device-size:  small
$device-width: 640px

body
  color: white
  >#{$device-size}-screen
    color: black

h1
  color: white
  >#{$device-size}-screen
    color: black

    .no-js &
      color: red

@media only screen and (max-width: #{$device-width})
  <#{$device-size}-screen

20-buffers.css

body {
  color: white; }

h1 {
  color: white; }

@media only screen and (max-width: 640px) {
  body {
    color: black; }

  h1 {
    color: black; }
    .no-js h1 {
      color: red; } }