Support SASS media queries inside selectors

[vaadin-bot]

Originally by @hesara

---

Our SASS compiler should support SASS media queries inside selectors like the original SASS compiler does.

An example:

.sidebar {
  width: 300px;
  @media screen and (orientation: landscape) {
    width: 500px;
  }
}

should result in

.sidebar {
  width: 300px;
}
@media screen and (orientation: landscape) {
  .sidebar {
    width: 500px;
  }
}

See http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#media for more information.

---

Imported from https://dev.vaadin.com/ issue #11838

[vaadin-bot]

Originally by kingo

---

In case anyone is interested, I've fixed this in

#11

[tyrel]

Hi there, would still be nice to get a fix for this!