Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

/* Parent selector and Nesting */
#demo {
  &-child {margin: .5em;}
  &child {margin: .5em;}
  &.child {margin: .5em;}
  & .child {margin: .5em;}
}

.container {
  width: 90%;
  margin: 0 auto;
  
  .boxed-layout & {
    background-color: #fff;
    padding: 3em;
    border: 1px solid #eaeaea;
    border-width: 0 1px;
  }
  
  // The first header in .container
  > header {
    background-color: #fff;
  }
}

SassMeister-output.css

/* Parent selector and Nesting */
#demo-child {
  margin: .5em;
}
#demochild {
  margin: .5em;
}
#demo.child {
  margin: .5em;
}
#demo .child {
  margin: .5em;
}

.container {
  width: 90%;
  margin: 0 auto;
}
.boxed-layout .container {
  background-color: #fff;
  padding: 3em;
  border: 1px solid #eaeaea;
  border-width: 0 1px;
}
.container > header {
  background-color: #fff;
}