Monocle LESS structure

contents.less

/*!
*	Monocle.com
*/

// Core variables and mixins
@import "variables.less";
@import "mixins.less";

// Reset
@import "normalize.less"; //Should be vanilla and not contain extra resets

// Core CSS
@import "structure.less";
@import "colours.less";
@import "corners.less";
@import "forms.less"; //new
@import "icons.less"; //new
@import "lists.less"; //new
@import "markdown.less"; //new
@import "type.less"; //renamed - includes @font-face rules plus headings and paragraphs

// Components
@import "alerts.less";
@import "breadcrumb.less"; //new
@import "buttons.less"; //new
@import "dropdowns.less"; //new
@import "filter.less"; //new
@import "flexslider.less"; //rename to carousels.less
@import "footer.less"; //new
@import "header.less";
@import "image-gallery.less";
@import "maps.less"; //new
@import "navigation.less"; //new
@import "pagination.less"; //new
@import "playlist.less"; //new - could possibly rename this component
@import "tiles.less"; //new - include promo and brand tiles plus regular article tiles and all variants
@import "radio-player.less";
@import "search.less"; //new - include search forms and results
@import "share-widget.less"; //new
@import "sponsor.less"; //new

// Zones
/* 
 * Our site encompasses many zones with broad styling variations. 
 * Over time we should reduce these variations and establish more common rules. 
 * When refactoring, look for shared elements that can be abstracted into reusable modules.
 * This is phase 1 - in time we should create even smaller modules.
*/
@import "about.less"; //new - include contact pages, T&Cs
@import "account.less";
@import "contributors.less"; //new - contains A-Z list which should be abstracted out
@import "magazine.less"; //move all mag-specific styling in here
@import "minute.less"; //new
@import "monocolumn.less"; //new
@import "radio.less";
@import "film.less";
@import "login.less"; //new
@import "jobs.less"; //new
@import "new-checkout.less";
@import "shop.less"; //new - to include product page and bag
@import "subscribe.less";
@import "travel.less"; //new



// Media queries
@import "media-queries.less"; //should be refactored inside relevant CSS selectors as per SMACSS

// Utilities
@import "dfp.less"; //new - anything to do with DFP
@import "ie.less";
@import "utilities.less";


/* THINGS TO DECIDE:
 * Should we group in sub-folders e.g. /core, /component, /zone