/* ==========================================================================
   SUSHI BASE
 * ========================================================================== */

/**
 * Sushi Base, by @dogandpony
 */

/**
 * This is an example Sushi Base manifest file. DO NOT MODIFY THIS FILE
 * DIRECTLY. Instead, copy and paste it into your own CSS directory and make
 * additions, extensions, and modifications there.
 */

/**
 * CONTENTS
 *
 * SETTINGS
 * Core.................Sushi’s core and setup settings.
 * Breakpoints..........Project-wide breakpoint definitions.
 *
 * TOOLS
 * Clearfix.............Micro clearfix mixin.
 * Hide.................Mixin for hiding elements.
 * Position.............Mixins for advanced element positioning.
 * Input Reset..........Mixin for resetting native inputs and buttons.
 * Sass MQ..............Sushi’s default media query manager.
 *
 * GENERIC
 * Box-sizing...........Better default `box-sizing`.
 * Normalize.css........A level playing field using @necolas’ Normalize.css.
 * Reset................A tiny reset to complement Normalize.css.
 * Base.................Base settings for page, typography, box-sizing etc.
 *
 * ELEMENTS
 * Headings.............Very minimal (i.e. only font-size information) for
 *                      headings 1 through 6.
 * Images...............Base image styles.
 * Tables...............Simple table styles.
 *
 * OBJECTS
 * Wrapper..............Page constraint object.
 * Layout...............Generic layout module.
 * Media................Image- and text-like content side by side.
 * Media Valign.........Table-layout-based advancement on the Media object.
 * Media Stacked........Image-on-top-of-text object.
 * List-bare............Lists with no bullets or indents.
 * List-inline..........A list whose items all site in a line.
 * Box..................Simple boxing abstraction.
 * Ratio................A container for maintaining aspect ratio of content.
 * Crop.................Provide a cropping context for media (images, etc.).
 * Table................Classes for manipulating tables.
 * Pack.................Pack items into available horizontal space.
 *
 * COMPONENTS
 * Buttons..............An example button component, and how it fits into the
 *                      Sushi framework.
 *
 * UTILITIES
 * Clearfix.............Bind our clearfix onto a utility class.
 * Widths...............Simple width helper classes.
 * Headings.............Reassigning our heading styles to helper classes.
 * Spacing..............Padding/margin u-classes based on spacing settings.
 * Print................Reset-like styles taken from the HTML5 Boilerplate.
 * Display..............Helper classes for display attributes including hidden.
 * Floats...............Helper classes for floating elements.
 * Position.............Helper classes for positioning elements.
 * Shadows..............Google material design shadows with depth values 1-6.
 * Typography...........Various helper classes for advanced typesetting.
 * Zindex...............Helper classes for consistent z-indexing levels.
 */



/* Settings
 * --------------------------- */

@import "settings/breakpoints";
@import "settings/typography";
@import "settings/core";



/* Tools
 * --------------------------- */

@import "tools/clearfix";
@import "tools/elevation";
@import "tools/hide";
@import "tools/inputReset";
@import "tools/position";
@import "node_modules/sass-mq/mq";



/* Generic
 * --------------------------- */

@import "generic/normalize";
@import "generic/reset";
@import "generic/backgroundImages";
@import "generic/boxSizing";
@import "generic/margins";
@import "generic/base";



/* Elements
 * --------------------------- */

@import "elements/headings";
@import "elements/images";
@import "elements/tables";



/* Objects
 * --------------------------- */

@import "objects/wrapper";
@import "objects/layout";

@import "objects/bareList";
@import "objects/box";
@import "objects/crop";
@import "objects/inlineList";
@import "objects/media";
@import "objects/pack";
@import "objects/ratio";
@import "objects/stackedMedia";
@import "objects/table";
@import "objects/vAlignMedia";



/* Components
 * --------------------------- */

@import "components/button";



/* Utilities
 * --------------------------- */

@import "utilities/align";
@import "utilities/clearfix";
@import "utilities/display";
@import "utilities/elevation";
@import "utilities/float";
@import "utilities/flex";
@import "utilities/overflow";
@import "utilities/position";
@import "utilities/spacing";
@import "utilities/typography";
@import "utilities/widths";
@import "utilities/whiteSpace";
@import "utilities/zIndex";



/* Responsive Classes
 * --------------------------- */

@import "example._responsive";



/* Print Utilities
 * --------------------------- */

@import "utilities/print";