SASS-CodeKit project structure

SASS-CodeKit project structure

/*------------------------------------------------------------------
	SASS/CODEKIT PROJECT STRUCTURE
--------------------------------------------------------------------

	index.html
	css.css

	/images/

	/js/

		_vendor/

		site.js
		--> site.min.js (compiled)

	/kit/

		_pages/
			_index.kit
			_resources.kit
			_get-started.kit

		_sections/
			_header.kit
			_footer.kit
			_nav.kit

	/sass/

		_global/ (Global site styles)
			_brand.scss (TDA brand colors)
			_defaults.scss (Global defaults)
			_layout.scss (Layout containers, wrappers, columns, etc.)
			_legacy.scss (Support for older browsers, Modernizr fallbacks)
			_normalize.scss
			_responsive.scss
			_type.scss (Type styles)
			_utility.scss (Utility classes, e.g. clearfix, image replacement)

		_mixins/ (SASS mixins)

		_pages/ (Individual page/section styles)
			_index.scss
			_resources.scss
			_get-started.scss

		_plugins/ (CSS associated with plugins, e.g. Colorbox, VideoJS)

		_sections/ (Global page elements)
			_header.scss
			_footer.scss
			_nav.scss

		css.scss (@imports only. Compiles to root folder)

-------------------------------------------------------------------*/