<commit_before>$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-toolbar-radius: 5px;

$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.
div[data-block='true'] {
    margin: 0.5rem 0;
}

@mixin 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;
    }
}

.DraftEditor-editorContainer {
    @include draftail-richtext-styles;
}

.Draftail-Editor {
    background-color: transparent;
}
<commit_msg>Fix Draftail placeholder text rendering<commit_after>$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-toolbar-radius: 5px;

$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.
div[data-block='true'],
.public-DraftEditorPlaceholder-inner {
    margin: 0.5rem 0;
}

@mixin 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;
    }
}

.DraftEditor-editorContainer {
    @include draftail-richtext-styles;
}

.Draftail-Editor {
    background-color: transparent;
}

{'fraction_non_alphanumeric': 0.15461973601508486, 'fraction_numerical': 0.02199874292897549, 'mean_word_length': 2.448537378114843, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1449824', 'n_tokens_mistral': 1178, 'n_tokens_neox': 1130, 'n_words': 237}