// ============================================================================
//
// DESCRIPTION:
// A flexible layout focused CSS Framework, written in LESS.
// This file imports core files, layouts and custom/app specific components.
//
// CSS.Flex VERSION: 2.0
//
// FILE VERSION: 2.0.0
//
// LICENSE: MIT-style license
//
// CONTRIBUTORS:
// - Julian Querido
// - Nathan Querido
//
// COPYRIGHT:
// - QUERIDODESIGN, Switzerland - http://www.queridodesign.net/
//
// USAGE:
// - Make sure all @import files are in correct order; see suggested bookmarks
//
// COMPILING LESS:
// There are two ways to compile LESS:
// 1) With Javascript: download less.js (http://lesscss.org/) and include
//    the script: <script src="assets/js/vendor/less.js"></script>
//    and stylesheet (less) in the document head:
//    <link rel="stylesheet/less" type="text/css" href="assets/less/screen.less">
//    You'll need to save screen.less to preview any changes in imported files
// 2) A Desktop application such as CodeKit (http://incident57.com/codekit/) or
//    SimpleLESS: http://wearekiss.com/simpless.
//    Add the /less directory to your project and 'watch' screen.less
//
// Note: we strongly recommend using less.js in development only.
// For production, compile locally and include the compiled css file(s)
// in the project (i.e. in /assets/css) and document head.
//
// BOOKMARKS (@group):
// - @group SETUP/SETTINGS
// - @group CSS.FLEX BASE
// - @group LAYOUTS
// - @group CUSTOM/APP SPECIFIC
//
// ============================================================================

// @group APP SETUP/SETTINGS >>

  @import "app/setup";

// @end <<

// @group CSS.FLEX BASE >>

  @import (reference) "cssflex/mixins/reset";
  @import (reference) "cssflex/mixins/normalize";
  @import "cssflex/mixins/typography";
  @import (reference) "cssflex/mixins/gradient";
  @import (reference) "cssflex/mixins/transform";
  @import (reference) "cssflex/mixins/transition";
  @import (reference) "cssflex/mixins/filter";
  @import "cssflex/mixins/helpers";
  @import "cssflex/forms";
  @import "cssflex/dimensions";
  @import "cssflex/helpers";

// @end <<

// @group LAYOUTS >>

  //@import "layouts/fluid";
  //@import "layouts/fixed_width";
  //@import "layouts/hybrid";
  //@import "layouts/letterbox";
  //@import "layouts/columns";
  //@import "layouts/navigation";

// @end <<

// @group CUSTOM/APP SPECIFIC >>

  @import "app/forms";
  @import "app/overrides";

// @end <<