CODEWITHSUNDEEP
frameworkssassbourbonneat
Eclectic Eccentric
Eclectic Eccentric

Reputation: 11

Use Bourbon with Bitters and Neat

I want to use Bourbon with Neat and Bitters for my next project. I have installed all three but I have no idea how to proceed.

Do I use the three folders separately in my project folder or do I need to add the different imports to _bourbon.scss so I have all imports in one main file?

For instance, there are button.scss, clearfix.scss and hide-text.scss in the Bourbon (in addons) and Bitters (in extends) folder, aren't these going to conflict when used together?

All help is appreciated :)

Upvotes: 0

Views: 1761

Answers (1)

Ariel Gerstein
Ariel Gerstein

Reputation: 186

You have to import the files of the plugins (bourbon, neat and bitters) into one main file. Button.scss, clearfix.scss and hide-text.scss won´t conflict.

This is how I organize the project that im currently working on:

- project
|--css
      |--base //(Bitters)
      |--bourbon
      |--neat
      |--application.sass
      |--application.css
|--js
|--img
|--index.html

In application.sass this is my initial code:

@import 'bourbon/bourbon'
@import 'base/base'
@import 'neat/neat'

So I import Bourbon, Bitters and Neat in my main .sass file so I can easily start using them. You can start changing the default settings in base/_variables.scss

Check this video for more info: http://www.youtube.com/watch?v=8ItNE_DX6Cc

Upvotes: 7

Related Questions