// =================================================================
// Intro Paragraph Block Base Styles
// =================================================================

// Introduction
//
// The Responsive Foundation grid is based off the
// <a href="https://getbootstrap.com/docs/4.0/layout/grid/">Boostrap grid</a>.
//
// Markup: examples/grid-basics.hbs
//
// Styleguide Grid.How to Use the Grid.Introduction

// Margin Classes
//
// The Responsive Foundation grid is based off the
// <a href="https://getbootstrap.com/docs/4.0/layout/grid/">Boostrap grid</a>.
//
// Markup: examples/grid.hbs
//
// Styleguide Grid.How to Use the Grid.Margin Classes

// Push Classes
//
// The Responsive Foundation grid is based off the
// <a href="https://getbootstrap.com/docs/4.0/layout/grid/">Boostrap grid</a>.
//
// Markup: examples/grid.hbs
//
// Styleguide Grid.How to Use the Grid.Push Classes

// Pull Classes
//
// The Responsive Foundation grid is based off the
// <a href="https://getbootstrap.com/docs/4.0/layout/grid/">Boostrap grid</a>.
//
// Markup: examples/grid.hbs
//
// Styleguide Grid.How to Use the Grid.Pull Classes

// Offset Classes
//
// The Responsive Foundation grid is based off the
// <a href="https://getbootstrap.com/docs/4.0/layout/grid/">Boostrap grid</a>.
//
// Markup: examples/grid.hbs
//
// Styleguide Grid.How to Use the Grid.Offset Classes

// Friendly Classes
//
// The Responsive Foundation grid is based off the
// <a href="https://getbootstrap.com/docs/4.0/layout/grid/">Boostrap grid</a>.
//
// Markup: examples/grid.hbs
//
// Styleguide Grid.How to Use the Grid.Friendly Classes

// Numeric Classes
//
// The Responsive Foundation grid is based off the
// <a href="https://getbootstrap.com/docs/4.0/layout/grid/">Boostrap grid</a>.
//
// Markup: examples/grid.hbs
//
// Styleguide Grid.How to Use the Grid.j: Numeric Classes

// =================================================================
// Grid Settings
// =================================================================

@import 'grid-variables';

// =================================================================
// Grid Styles and Placeholders
// =================================================================

// The heart of the grid. You can use this outside of Responsive if you like.
// Requires variables.

@import 'grid-mixins';

// Placeholders, used for most of the grid.

@import 'grid-placeholders';

// Basic styles for containers, etc. that have things to do with the grid.

@import 'grid-styles';

// Friendly placeholders for common needs - calculated based on grid columns
// The classes for these always print, regardless of $grid-classes setting.

@import 'grid-friendly';

// Creates classes for ALL grid columns - not just friendly ones - Boostrap-style.
// Optional.

@import 'grid-classes';