// Globals
// --------------------------------------------------
@import "../../themes/ionic.globals";
@import "../../themes/ionic.mixins";


// App
// --------------------------------------------------

/// @prop - Font weight of all headings
$headings-font-weight:         500 !default;

/// @prop - Line height of all headings
$headings-line-height:         1.2 !default;

/// @prop - Font size of heading level 1
$h1-font-size:                 26px !default;

/// @prop - Font size of heading level 2
$h2-font-size:                 24px !default;

/// @prop - Font size of heading level 3
$h3-font-size:                 22px !default;

/// @prop - Font size of heading level 4
$h4-font-size:                 20px !default;

/// @prop - Font size of heading level 5
$h5-font-size:                 18px !default;

/// @prop - Font size of heading level 6
$h6-font-size:                 16px !default;


// Responsive Utilities
// --------------------------------------------------

/// @prop - Whether to include all of the responsive utility attributes
$include-responsive-utilities:          true !default;

/// @prop - Whether to include all of the responsive text alignment attributes
$include-text-alignment-utilities:      $include-responsive-utilities !default;

/// @prop - Whether to include all of the responsive text transform attributes
$include-text-transform-utilities:      $include-responsive-utilities !default;

/// @prop - Whether to include all of the responsive float attributes
$include-float-element-utilities:       $include-responsive-utilities !default;


// Screen Breakpoints
// --------------------------------------------------

/// @prop - The minimum dimensions at which your layout will change,
/// adapting to different screen sizes, for use in media queries
$screen-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;
