Defines CSS variables for styling related to headings like font weight.
Accepted Formats: px, number, rem
Navigation
Style Settings
|-- ...
|-- Flexcyon Style Settings
| |-- Editor
| | |-- ...
| | |-- Headings
| | |-- ...
| |-- ...
|-- ...
Configuration Options
Enable coloured headings
CSS Variable(s) targeted: var(--flexcyon-headings-coloured-enabled)
Default: true (class toggle)
Inherits from accent colors like
--color-blue,--color-redetc
Enable soft glow for headings
CSS Variable(s) targeted: var(--flexcyon-headings-glow-enabled)
Default: false (class toggle)
About Enable heading indicators globally
Customise which headings have heading indicators before them globally. If you are looking to apply them on a per-note basis, click here
Heading 1
Enable heading indicators globally for Heading 1
CSS Variable(s) targeted: var(--flexcyon-headings-indicator-h1)
Default: false (class toggle)
The CSS Class equivalent can be found here
Heading 1 font size
CSS Variable(s) targeted: var(--h1-size)
Default: 1.81803 (em)
Sample h1
Heading 1 font weight
CSS Variable(s) targeted: var(--h1-weight)
Default: 700
Sample h1
Heading 1 line height
CSS Variable(s) targeted: var(--h1-line-height)
Default: 1.2
Enable underline for Heading 1
CSS Variable(s) targeted: var(--flexcyon-h1-underline-enabled)
Default: false (class toggle)
The size of the underline scales with your font weight
Heading 2
Enable heading indicators globally for Heading 2
CSS Variable(s) targeted: var(--flexcyon-headings-indicator-h2)
Default: false (class toggle)
The CSS Class equivalent can be found here
Heading 2 font size
CSS Variable(s) targeted: var(--h2-size)
Default: 1.61803 (em)
Sample h2
Heading 2 font weight
CSS Variable(s) targeted: var(--h2-weight)
Default: 675
Sample h2
Heading 2 line height
CSS Variable(s) targeted: var(--h2-line-height)
Default: 1.2
Enable underline for Heading 2
CSS Variable(s) targeted: var(--flexcyon-h2-underline-enabled)
Default: false (class toggle)
Heading 3
Enable headings indicators globally for Heading 3
CSS Variable(s) targeted: var(--flexcyon-headings-indicator-h3)
Default: false (class toggle)
The CSS Class equivalent can be found here
Heading 3 font size
CSS Variable(s) targeted: var(--h3-size)
Default: 1.41803 (em)
Sample h3
Heading 3 font weight
CSS Variable(s) targeted: var(--h3-weight)
Default: 650
Sample h3
Heading 3 line height
CSS Variable(s) targeted: var(--h3-line-height)
Default: 1.3
Enable underline for Heading 3
CSS Variable(s) targeted: var(--flexcyon-h3-underline-enabled)
Default: false (class toggle)
Heading 4
Enable headings indicators globally for Heading 4
CSS Variable(s) targeted: var(--flexcyon-headings-indicator-h4)
Default: false (class toggle)
The CSS Class equivalent can be found here
Heading 4 font size
CSS Variable(s) targeted: var(--h4-size)
Default: 1.21803 (em)
Sample h4
Heading 4 font weight
CSS Variable(s) targeted: var(--h4-weight)
Default: 625
Sample h4
Heading 4 line height
CSS Variable(s) targeted: var(--h4-line-height)
Default: 1.4
Enable underline for Heading 4
CSS Variable(s) targeted: var(--flexcyon-h4-underline-enabled)
Default: false (class toggle)
Heading 5
Enable headings indicators globally for Heading 5
CSS Variable(s) targeted: var(--flexcyon-headings-indicator-h5)
Default: false (class toggle)
The CSS Class equivalent can be found here
Heading 5 font size
CSS Variable(s) targeted: var(--h5-size)
Default: 1.11803 (em)
Sample h5
Heading 5 font weight
CSS Variable(s) targeted: var(--h5-weight)
Default: 600
Sample h5
Heading 5 line height
CSS Variable(s) targeted: var(--h5-line-height)
Default: 1.5
Enable underline for Heading 5
CSS Variable(s) targeted: var(--flexcyon-h5-underline-enabled)
Default: false (class toggle)
Heading 6
Enable headings indicators globally for Heading 6
CSS Variable(s) targeted: var(--flexcyon-headings-indicator-h6)
Default: false (class toggle)
The CSS Class equivalent can be found here
Heading 6 font size
CSS Variable(s) targeted: var(--h6-size)
Default: 1.01803 (em)
Sample h6
Heading 6 font weight
CSS Variable(s) targeted: var(--h6-weight)
Default: 575
Sample h6
Heading 6 line height
CSS Variable(s) targeted: var(--h6-line-height)
Default: 1.5
Enable underline for Heading 6
CSS Variable(s) targeted: var(--flexcyon-h6-underline-enabled)
Default: false (class toggle)