/*
 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

// Import bootstrap variables and mixins for reference
@import "../../scss-bootstrap/functions";
@import "../../scss-bootstrap/variables";
@import "../../scss-bootstrap/mixins";

@import "../../scss-core/variables";
// Font and typographic variables

$font__body: $body-font;
$font__heading: $heading-font;

$font__size_base: $font-size-base;
$font__size-ratio: 1.125;

$font__size-xxs:   1rem / (1.5 * $font__size-ratio);
$font__size-xs:    1rem / (1.25 * $font__size-ratio);
$font__size-sm:    1rem / (1 * $font__size-ratio);
$font__size-md:    1rem * (1 * $font__size-ratio);
$font__size-lg:    1rem * (1.5 * $font__size-ratio);
$font__size-xl:    1rem * (2 * $font__size-ratio);
$font__size-xxl:   1rem * (2.5 * $font__size-ratio);
$font__size-xxxl:  1rem * (3 * $font__size-ratio);

$font__line-height-body: $line-height-base;
$font__line-height-pre: $line-height-base - 0.1;
$font__line-height-heading: $headings-line-height;
$font__line-height-double:  2 * $font__line-height-heading;