Generated by SassMeister.com.

SassMeister-input-HTML.haml

.blue
.red

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----

body {
  background: rgba(chocolate, .5);
}

div {
  width: 45%;
  height: 50vh;
}

.blue {
  background: rgba(blue, .5);
  float: left;
}

.red {
  background: rgba(red, .5);
  float: right;
}

SassMeister-output.css

body {
  background: rgba(210, 105, 30, 0.5);
}

div {
  width: 45%;
  height: 50vh;
}

.blue {
  background: rgba(0, 0, 255, 0.5);
  float: left;
}

.red {
  background: rgba(255, 0, 0, 0.5);
  float: right;
}

SassMeister-rendered.html

<div class='blue'></div>
<div class='red'></div>