Headings

Specifies heading. Use h# or class .-h# (# - number 1..6)

Global variables:

$headings-class: "-h"

$headings-h1-font-size: floor($base-font-size * 2.6) !global
$headings-h2-font-size: floor($base-font-size * 2.15) !global
$headings-h3-font-size: floor($base-font-size * 1.7) !global
$headings-h4-font-size: floor($base-font-size * 1.25) !global
$headings-h5-font-size: $base-font-size !global
$headings-h6-font-size: floor($base-font-size * 0.85) !global

$headings-line-height: 1.1 !global

$headings-font-weight: 500 !global
$headings-font-weight-small: 500 !global
$headings-font-family: inherit !global
$headings-color: inherit !global
$headings-injection-color: #999 !global

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Injections inside headings

Use size classes
_tiny, _small, _minor, _normal, _major, _normal, _big, _huge, _divine

Heading 4 small injection

Heading 4 minor injection

Heading 4 normal injection

Heading 4 no class injection

Heading 4 major injection

Heading 4 big injection

Heading 4 huge injection

Heading 4 divine injection

Heading 1 small injection

Heading 1 normal injection

Heading 1 major injection

Heading 1 huge injection

Heading 4 tiny injection

Heading 4 small injection

Heading 4 minor injection

Heading 4 normal injection

Heading 4 no class injection

Heading 4 major injection

Heading 4 big injection

Heading 4 huge injection

Heading 4 divine injection

Heading 1 tiny injection

Heading 1 normal injection

Heading 1 major injection

Heading 1 huge injection