// ============================================================================
// :: Brandplatform
// ============================================================================
/**
 * Contains all the styling used to create the layout and the look of the
 * brandplatform itself. It makes use of some settings like colors from the
 * general styleguide, but no components are used.
 *
 * IMPORTANT!!!
 * Only apply this styling on the brandplatform, this has no purpose being
 * launched with a website or any other digital product.
 */

@charset "utf-8";

// ============================================================================
// :: Vendors
// ============================================================================
/**
 * Third party styling used to correctly style libraries or reset/normalize
 * the standard browser CSS. Place on top to easily overwrite these properties.
 */

// general
@import "general/vendors/_normalize";

// brandplatform
@import "brandplatform/vendors/_prism";

// ============================================================================
// :: Tools
// ============================================================================
/**
 * Mixins and functions used to make our lives in the wonderfull world of SCSS
 * easier and ejoyable.
 */

@import // mixins
  "general/tools/mixins/_breakpoints",
  "general/tools/mixins/_fonts", "general/tools/mixins/_placeholder";

// ============================================================================
// :: Settings
// ============================================================================
/**
 * Variables and maps used to define the basis like colors and typography. From
 * the general styleguide we make use of the colors and typography.
 */
// general
@import "general/settings/_colors", "general/settings/_media",
  "general/settings/_layout", "general/settings/_typography";

// brandplatform
@import "brandplatform/settings/_colors", "brandplatform/settings/_typography",
  "brandplatform/settings/_layout", "brandplatform/settings/_media";

// ============================================================================
// :: Tools - extends
// ============================================================================
/**
 * Extendable classes to help us define consistent styling.
 */

@import // extends
  "general/tools/extends/_icons",
  "general/tools/extends/_typography";

// ============================================================================
// :: Scopes
// ============================================================================
/**
 * Scopes used to style third party or libraries. Can also be used to
 * overwrite default styling on tags when no class can be applied to it. In the
 * brandplatform this is for example used to style markdown generated HTML.
 *
 * These parts are split up in components and layout.
 * - Components is used to style markdown within the brandplatform components.
 * - Layouts are defined to style the visualisation of layouts in the
 * layout section of the styleguide.
 */
@import // components
  "brandplatform/scopes/components/_md",
  "brandplatform/scopes/components/_md-dl",
  "brandplatform/scopes/components/_md-log",
  "brandplatform/scopes/components/_header",
  "brandplatform/scopes/components/_radio",
  "brandplatform/scopes/components/_amount-input",
  "brandplatform/scopes/components/_button",
  "brandplatform/scopes/components/_checkbox",
  "brandplatform/scopes/components/_cookie-banner",
  "brandplatform/scopes/components/_icon-button",
  "brandplatform/scopes/components/_summary",
  "brandplatform/scopes/components/_list",
  "brandplatform/scopes/components/_sort-button",
  "brandplatform/scopes/components/_transaction",
  "brandplatform/scopes/components/_overlay",
  "brandplatform/scopes/components/_link",
  "brandplatform/scopes/components/_languages",
  "brandplatform/scopes/components/_input",
  "brandplatform/scopes/components/_budget",
  "brandplatform/scopes/components/_menu",
  "brandplatform/scopes/components/_tabs",
  "brandplatform/scopes/components/_notification",
  "brandplatform/scopes/components/_tooltip",
  "brandplatform/scopes/components/_divider",
  "brandplatform/scopes/components/_icon",
  "brandplatform/scopes/components/_pagination",
  "brandplatform/scopes/components/_input-group",
  "brandplatform/scopes/components/_visual",
  // layout
  "brandplatform/scopes/layout/_grid",
  "brandplatform/scopes/layout/_block", "brandplatform/scopes/layout/_container",
  "brandplatform/scopes/layout/_content", "brandplatform/scopes/layout/_form",
  "brandplatform/scopes/layout/_root", "brandplatform/scopes/layout/_scroll",
  "brandplatform/scopes/layout/_split", "brandplatform/scopes/layout/_section",
  "brandplatform/scopes/layout/_table";

// ============================================================================
// :: Layout
// ============================================================================
/**
 * Layouts are non-visual components who determine the general structure of the
 * pages and components.
 */

@import "brandplatform/layout/_container", "brandplatform/layout/_body",
  "brandplatform/layout/_page";

// ============================================================================
// :: Quarks
// ============================================================================
/**
 * Brandplatform needs to use the quarks defined within the general styleguide
 * to create a basis for certain typographic tags.
 */

@import "general/components/quarks/_layout",
  "general/components/quarks/_typography";

// ============================================================================
// :: Components
// ============================================================================
/**
 * Contains componnts styled and used within the brandplatform only. All
 * components are prefixed with "bp-" to avoid overrides and issues with
 * the styleguide styling properties.
 */

@import "brandplatform/components/_icons", "brandplatform/components/_nav",
  "brandplatform/components/_footer", "brandplatform/components/_button",
  "brandplatform/components/_intro", "brandplatform/components/_code",
  "brandplatform/components/_card", "brandplatform/components/_link",
  "brandplatform/components/_hamburger", "brandplatform/components/_header",
  "brandplatform/components/_section", "brandplatform/components/_resources",
  "brandplatform/components/_metadata", "brandplatform/components/_category",
  "brandplatform/components/_subnav", "brandplatform/components/_search-target",
  "brandplatform/components/_search", "brandplatform/components/_toc",
  "brandplatform/components/_log", "brandplatform/components/_current",
  "brandplatform/components/_collapse", "brandplatform/components/_changelog",
  "brandplatform/components/_breadcrumbs", "brandplatform/components/_tabs",
  "brandplatform/components/_tabs-target", "brandplatform/components/_switch",
  "brandplatform/components/_preview", "brandplatform/components/_presentation",
  "brandplatform/components/_color", "brandplatform/components/_colors",
  "brandplatform/components/_iconography",
  "brandplatform/components/_font-families",
  "brandplatform/components/_font-styles", "brandplatform/components/_manual",
  "brandplatform/components/_copy", "brandplatform/components/_index-list";