Skip to content

Instantly share code, notes, and snippets.

@seanwash
Created June 18, 2016 23:44
Show Gist options
  • Select an option

  • Save seanwash/fabbf1f177df36956eca9bb5e62406b5 to your computer and use it in GitHub Desktop.

Select an option

Save seanwash/fabbf1f177df36956eca9bb5e62406b5 to your computer and use it in GitHub Desktop.
Brunch config file for projects using basscss + responsive utilities
module.exports = {
// See http://brunch.io for documentation.
files: {
javascripts: {joinTo: 'app.js'},
stylesheets: {
joinTo: 'app.css',
order: {
before: [
'node_modules/basscss/css/basscss.css',
'node_modules/basscss-responsive-padding/css/responsive-padding.css',
'node_modules/basscss-responsive-margin/css/responsive-margin.css'
]
}
},
templates: {joinTo: 'app.js'}
},
npm: {
styles: {
'basscss': ['css/basscss.css'],
'basscss-responsive-padding': ['css/responsive-padding.css'],
'basscss-responsive-margin': ['css/responsive-margin.css']
}
}
}
@seanwash
Copy link
Copy Markdown
Author

Make sure to run npm i -g brunch and npm i --save basscss basscss-responsive-margin basscss-responsive-padding

@seanoldham
Copy link
Copy Markdown

You're a god! I've been fighting this for awhile with no luck. I still don't understand why I have to call my CSS from NPM in 2 different locations in the Brunch config.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment