Skip to content

Callouts

Configure styling of callouts

Accepted Formats: px, rem, em, s

Style Settings
|-- ...
|-- Flexcyon Style Settings
|   |-- Editor
|   |   |-- ...
|   |   |-- Callouts
|   |   |-- ...
|   |-- ...
|-- ...

Configuration Options

Callout Icon Right padding

CSS Variable(s) targeted: var(--flexcyon-callout-icon-right-padding)

Default: 4 (px)

First Codeblock Margin Top

CSS Variable(s) targeted: var(--flexcyon-callout-first-codeblock-margin-top)

Default: 1 (rem)

Callout Metadata Background Opacity

CSS Variable(s) targeted: var(--flexcyon-callout-bg-opacity)

Default: 20%

Sample Background Opacity

Callout Vertical Margin

CSS Variable(s) targeted: var(--flexcyon-callout-vertical-margin)

Default: 1 (em)

Callout Border Radius

CSS Variable(s) targeted: var(--callout-radius)

Default: 2 (px)

Flashcard callout

Configures the flashcard callout.

Flashcard callout width

CSS Variable(s) targeted: var(--flexcyon-callouts-flashcard-width)

Default: 250 (px)

Flashcard callout height

CSS Variable(s) targeted: var(--flexcyon-callouts-flashcard-height)

Default: 250 (px)

Flashcard callout animation duration

CSS Variable(s) targeted: var(--flexcyon-callout-flashcard-animation-duration)

Default: 0.5s

Configures the popup callout

CSS Variable(s) targeted: var(--flexcyon-callout-pop-animation-duration)

Default: 0.2s

Comments