stylesheets/
|
|-- modules/              # Common modules
|   |-- _all.scss         # Include to get all modules
|   |-- _utility.scss     # Module name
|   |-- _colors.scss      # Etc...
|   ...
|
|-- partials/             # Partials
|   |-- _base.scss        # imports for all mixins + global project variables	-	load up my Sass environment so that it's easy to construct a stylesheet.
|   |-- _reset.scss       # reset
|   |-- _typography.scss  # typography
|   |-- _buttons.scss     # buttons
|   |-- _figures.scss     # figures
|   |-- _grids.scss       # grids

|   ...
|
|-- vendor/               # CSS or Sass from other projects
|   |-- _colorpicker.scss
|   |-- _jquery.ui.core.scss
|   ...
|
`-- main.scss            # primary Sass file

-----	start : main.scss			-----
	// Modules and Variables
	@import "partials/base";

	// Partials
	@import "partials/reset";
	@import "partials/typography";
	@import "partials/buttons";
	@import "partials/figures";
	@import "partials/grids";
	// ...

	// Third-party
	@import "vendor/colorpicker";
	@import "vendor/jquery.ui.core";
-----	end : main.scss			-----

-----	start : base.scss			-----
	// Use Compass ('cause it rocks!)
	@import "compass";

	// Font weights
	$light: 100;
	$regular: 400;
	$bold: 600;

	// Base Font
	$base-font-family: sans-serif;
	$base-font-weight: $regular;
	$base-font-size: 13px;
	$base-line-height: 1.4;

	// Fixed Font
	$fixed-font-family: monospace;
	$fixed-font-size: 85%;
	$fixed-line-height: $base-line-height;

	// Headings
	$header-font-weight: $bold;

	@import "modules/all";
-----	end : base.scss			-----

► The modules directory is reserved for Sass code that doesn't cause Sass to actually output CSS. Things like mixin declarations, functions, and variables.
► The partials directory is where the meat of my CSS is constructed. you can break your stylesheets into header, content, sidebar, and footer components (and a few others). I break things down into much finer categories (typography, buttons, textboxes, selectboxes, etc…).
► The vendor directory is for third-party CSS.