Skip to content

kevgk/pug-sass-filter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

pug-sass-filter

A sass filter for pug.

How to use

const sassFilter = require('pug-sass-filter');

pug.renderFile('file', {
    filters: {
        'sass': sassFilter
    }
});
html
  head
    style
      :sass
        .classname {
          .child {
            border: solid 1px #ccc;
          }
        }
  body
    h1 Hello world.

You can pass a style parameter to the filter, to specify how sass should compile your styles.

  • nested (default)
  • expanded
  • compact
  • compressed
html
  head
    style
      :sass(style="compressed")
        .classname {
          .child {
            border: solid 1px #ccc;
          }
        }
  body
    h1 Hello world.

Releases

No releases published

Packages

No packages published