// Normalize CSS
@import normalize-rails/normalize

// Bourbon imports
@import bourbon

// Project settings
@import neat-helpers
@import settings

// Bourbon Neat imports
@import neat

// Mixins & Helpers import
@import helpers
@import mixins

// Project base styles
@import small/typo

// Project layout styles
@import small/layout
@import small/states

// Project modules
@import small/modules/icons
@import small/modules/grid
@import small/modules/button
@import small/modules/dropdown
@import small/modules/table
@import small/modules/content
@import small/modules/readmore
@import small/modules/switch
@import small/modules/form
@import small/modules/options
@import small/modules/tab
@import small/modules/breadcrumb
@import small/modules/topbar
@import small/modules/iconbar
@import small/modules/offcanvas
@import small/modules/offcanvas_nav
@import small/modules/accordion
@import small/modules/slider
@import small/modules/embeds
@import small/modules/two_column
@import small/modules/image
@import small/modules/links
@import small/modules/teaser
@import small/modules/teaser--card
@import small/modules/teaser--list
@import small/modules/teaser--assets

// IMPORT STYLESHEETS FOR MEDIUM VIEWPORT */
@media screen and (min-width: #{$medium-point})
  @import medium/typo

  @import medium/modules/content
  @import medium/modules/form
  @import medium/modules/iconbar
  @import medium/modules/links
  @import medium/modules/teaser
  @import medium/modules/teaser--card
  @import medium/modules/teaser--list
  @import medium/modules/teaser--assets

// IMPORT STYLESHEETS FOR LARGE VIEWPORT */
@media screen and (min-width: #{$large-point})
  @import large/typo
  @import large/layout
  @import large/states

  @import large/modules/content
  @import large/modules/readmore
  @import large/modules/form
  @import large/modules/tab
  @import large/modules/breadcrumb
  @import large/modules/topbar
  @import large/modules/accordion
  @import large/modules/slider
  @import large/modules/two_column
  @import large/modules/image
  @import large/modules/links
  @import large/modules/teaser
  @import large/modules/teaser--card
  @import large/modules/teaser--list
  @import large/modules/teaser--assets

// IMPORT STYLESHEETS FOR X-LARGE VIEWPORT */
@media screen and (min-width: #{$xlarge-point})

  @import xlarge/modules/teaser_card
  @import xlarge/modules/teaser_assets

@import styleguide