compiling-solid-with-grunt-includepaths.md

Compiling Solid With Grunt Sass

Grunt-sass uses libsass to compile your sass. Use includePaths to make solid available as an scss import.

  sass: {
    dist: {
      options: {
        includePaths: 'node_modules/bf-solid/_lib'
      },
      files: {
        'path/to/output.css': 'path/to/input.scss'
      }
    }
});

Then in your scss import file import solid with @import "solid";

Solid Structure

Solid is broken up into four sections:

• solid-helpers (variables and mixins used by all imports)
• solid-base (normalize + base element styles)
• solid-utilities (utility classes)
• solid-components (utility classes that require specific HTML markup)

You can get everything with @import "solid";. Individual sections can also be imported. For example if you want the utility classes just @import "solid-utilities";

@samthurman what do you guys use to build solid.buzzfeed.com? Are you using postcss-styleguide? Or are you using something similar to basscss.github.io?