Namespace i kommande version av Sass

En nyhet som blir verklighet i en kommande version av Sass är namespaces. Jag tycker det ser väldigt trevligt ut och det gör det möjligt att skriva kod på följande vis:

@function current-module() {
  @return nth(&, 1);
}

mymodule {
  @at-root {
    .#{current-module()}-header { ... }
    .#{current-module()}-footer { ... }
    .#{current-module()}-body   {
      a          { ... } 
      span       { ... } 
      p          { ... }
      form       {
        button.#{current-module()}-button { ... } }
    }
  }
}

Detta ger dig CSS som ser ut så här:

.mymodule-header { ... }
.mymodule-footer { ... }
.mymodule-body a { ... }
.mymodule-body span { ... }
.mymodule-body p { ... }
.mymodule-body form button.mymodule-button { ... }