/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/

@import "./baseline";

/// Constants ------------------------------------------------------------------

$uicore-sans:                      'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
$uicore-monospace:                 Consolas, "Liberation Mono", Menlo, Courier, monospace;

$uicore-font-family:               $uicore-sans;

$uicore-font-size:                 14px;
$uicore-font-size-small:           12px;
$uicore-font-size-smaller:         11px;
$uicore-font-size-leading:         16px;
$uicore-font-size-subheading:      18px;
$uicore-font-size-title:           24px;
$uicore-font-size-headline:        32px;

$uicore-cap-size:                  10px;
$uicore-cap-size-small:            9px;
$uicore-cap-size-leading:          12px;
$uicore-cap-size-subheading:       13px;
$uicore-cap-size-title:            17px;
$uicore-cap-size-headline:         23px;

$uicore-font-weight-light:         300;
$uicore-font-weight-normal:        400;
$uicore-font-weight-semibold:      600;
$uicore-font-weight-bold:          700;

/// Font loading helpers -------------------------------------------------------
/// See: https://www.zachleat.com/web/comprehensive-webfonts

$uicore-font-loaded-class:         null !default;

@mixin uicore-font-family {

  @if $uicore-font-loaded-class {

    font-family:            sans-serif;

    &.#{ $uicore-font-loaded-class } {

      font-family:        $uicore-font-family;
    }

    @at-root {
      body.#{ $uicore-font-loaded-class } & {

        font-family:    $uicore-font-family;
      }
    }
  } @else {

    font-family:            $uicore-font-family;
  }
}