_base.typography.scss

////
/// PX-TYPOGRAPHY-DESIGN
/// Defines styles for typography.
/// @group px-typography-design
////

/// Predix font-family
/// @group px-typography-design:variables:style
/// @type String [default]
$predix-font-family: "GE Inspira Sans", sans-serif !default;

/// Load fonts locally
/// @group px-typography-design:variables:style
/// @type Boolean [default]
$predix-load-local-fonts: false !default;

/// Webfont path
/// @group px-typography-design:variables:style
/// @type String [default]
$inuit-webfont-path: 'https://cdn.predix-ui.com/px-cdn/type/2.0.0' !default;

/// Font-display descriptor value used in generating font-face rules
/// @group px-typography-design:variables:style
/// @type String [default]
$predix-font-display: auto !default;

//flip back to false when CDN fonts are available
@if $predix-load-local-fonts == true {
  $inuit-webfont-path: '../px-typography-design/type';
}


@import "px-defaults-design/_settings.defaults.scss";
@import "px-colors-design/_settings.colors.scss";
@import "px-mixins-design/_tools.mixins.scss";

@include font-face('GE Inspira Sans', '#{$inuit-webfont-path}/GEInspiraSans', null, null, $predix-font-display);
@include font-face('GE Inspira Sans', '#{$inuit-webfont-path}/GEInspiraSans-Italic', normal, italic, $predix-font-display);
@include font-face('GE Inspira Sans', '#{$inuit-webfont-path}/GEInspiraSans-Bold', bold, normal, $predix-font-display);
@include font-face('GE Inspira Sans', '#{$inuit-webfont-path}/GEInspiraSans-BoldItalic', bold, italic, $predix-font-display);

html {
  font-family: $predix-font-family;
}

/**
 * Font weights
 */

.weight--normal {
  font-weight: 400!important;
}

.weight--bold {
  font-weight: 600!important;
}

/**
 * the html and :host declarations cannot be adjacent to one other
 * or cssmin will combine them into a single rule, breaking in
 * Safari and Firefox.
 */

:host {
  font-family: $predix-font-family;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}