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”](http://thesassway.com/beginner/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: http://hugogiraudel.com/2013/02/11/sass-structure/

    However it has slightly changed. Here is how I did it on my site: https://github.com/HugoGiraudel/hugogiraudel.github.com/tree/master/sass

    # 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.

*May or may not contain any actual "CSS" or "Tricks".