@page directive compiling incorrectly?

[slwfleming]

Current compass output with selector inside the parenthesis:

@page{.myclassname{margin:0cm}}

Uncompiled scss:

.myclassname {
  @media print {
    @page {
      margin: 0cm;
    }
  }
}

w3 documents the @page directive should be written like this with the selector outside of the parenthesis:

@page .myclassname {
  margin:0cm;
}

This is an unfortunate inconsistency in formatting from w3. Other directives are written with selectors inside the parenthesis. Confusing:

@media print {
    .myclassname {
        margin:0cm;
    }
}

[nex3]

Nesting only works with selectors and other selectors. @page is a directive, so Sass treats it like any other directive and moves it out to the root of the document. If you want to use a selector in @page, you'll need to do so manually.