Skip to content

Instantly share code, notes, and snippets.

@flexbox

flexbox/0_namespacing.scss

Forked from chriseppstein/0_namespacing.scss
Created May 27, 2013 15:25
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save flexbox/5657626 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save flexbox/5657626 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @chriseppstein chriseppstein created this gist May 25, 2013.
    11 changes: 11 additions & 0 deletions 0_namespacing.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    mymodule {
    @at-root {
    .#{&}-header { ... }
    .#{&}-footer { ... }
    .#{&}-body {
    a { ... }
    span { ... }
    p { ... }
    }
    }
    }
    5 changes: 5 additions & 0 deletions 1_namespacing_output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    .mymodule-header { ... }
    .mymodule-footer { ... }
    .mymodule-body a { ... }
    .mymodule-body span { ... }
    .mymodule-body p { ... }