Treehouse: Grow your CSS skills. Land your dream job.

Sass project structure

  • # April 8, 2013 at 4:55 am

    I’ve recently read this article about [“How to structure a Sass project”]( “”), and I wondered how other developers structure their sass code. So, how do you guys do it? Thanks !

    # April 8, 2013 at 4:59 am

    Wrote something a while ago about this on my own site:

    However it has slightly changed. Here is how I did it on my site:

    # April 8, 2013 at 4:08 pm

    fresh! @joren, @HugoGiraudel,
    thanks for the links. Hope to see more.

    i LOVE the customization of Sass structure

    currently, I have mine set up to have 3 folders

    -Base (_base.scss, _variables.scss, _mixins.scss)

    -Globals(_globals.scss, _reset/normalize.scss, _typography.scss, _navigation.scss, etc…)

    -Regions*(_header.scss, _content.scss, _sidebar.scss, etc…)
    styes.scss (imports base, globals, regions)

    * for Drupal sites. I suppose I would call it Sections on pure html.

    Not sure if this is the best way to go about it or not. I set it up this way because I feel like it keeps me the most organized, and keeps me on a Top-Down approach. I am still learning, so I am glad this thread popped up, to see if I can do even better.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.