wagtail/client/src/components/Draftail/Draftail.scss

$editor-z-index: $draftail-editor-z-index;

$draftail-editor-chrome: $color-grey-1;
$draftail-editor-chrome-text: $color-white;
$draftail-editor-chrome-active: $color-white;
$draftail-editor-chrome-accent: lighten($draftail-editor-chrome, 20%);

$draftail-editor-border: 0;
$draftail-editor-padding: 0;
$draftail-editor-background: transparent;
$draftail-toolbar-radius: 3px;

$draftail-editor-font-family: $font-serif;

@import '../../../../node_modules/draft-js/dist/Draft';
@import '../../../../node_modules/draftail/lib/index';

@import './Tooltip/Tooltip';

@import './decorators/TooltipEntity';

@import './blocks/MediaBlock';
@import './blocks/ImageBlock';
@import './blocks/EmbedBlock';

// Give each block element eg. paragraph some spacing so we don't end up
// with empty paragraphs in code when user double enters because they think
// there are no paragraphs.
.Draftail-unstyled,
.public-DraftEditorPlaceholder-inner {
    margin: 0.5rem 0;
}

@include draftail-richtext-styles {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        // Overrides for other parts of the Wagtail admin.
        text-transform: none;
        font-family: inherit;
        clear: both;
        line-height: 1;
    }

    h1,
    h2,
    h3 {
        line-height: 1.1;
    }

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.8em;
    }

    h3 {
        font-size: 1.5em;
    }

    h4 {
        font-size: 1.2em;
    }

    h5 {
        font-size: 1.1em;
    }
}