---
# Only the main Sass file needs front matter (the dashes are enough)
---

@media screen {
  html {
    background-color: #333;
    max-width: 35em;
    margin: 0 auto;
    @media (min-width: 50em) {
      max-width: 20em;
    }
  }

  body {
    background-color: #fff;
  }  
}

@import "mixins";
@import "variables";
@import "theme-a4w-enhanced";
---
# Only the main Sass file needs front matter (the dashes are enough)
---

@media screen {
  html {
    background-color: #333;
    max-width: 35em;
    margin: 0 auto;
    @media (min-device-width: 50em) {
      max-width: 20em;
    }
  }

  body {
    background-color: #fff;
  }  
}

@import "mixins";
@import "variables";
@import "theme-a4w-enhanced";
Switch “preview” MQ to device width
Switch “preview” MQ to device width