Update font family to serif stack for Draftail

pull/4136/head
Thibaud Colas 2018-01-11 01:38:18 +02:00
rodzic 7e0882f751
commit 72d06072d3
1 zmienionych plików z 20 dodań i 16 usunięć
client/src/components/Draftail

Wyświetl plik

@ -1,4 +1,18 @@
$color-editor-chrome: $color-grey-1;
$color-editor-chrome-text: $color-white;
$color-editor-chrome-active: $color-white;
$color-editor-chrome-accent: lighten($color-editor-chrome, 20%);
@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
@ -21,24 +35,14 @@ div[data-block='true'] {
}
/* Get rid of cray number 6 that appears above h2 elements in draft editor. */
.object.collapsible .DraftEditor-editorContainer h2:before,
.object.collapsible .DraftEditor-editorContainer h2 label:before {
.object.collapsible .DraftEditor-editorContainer h2::before,
.object.collapsible .DraftEditor-editorContainer h2 label::before {
// TODO Assess whether !important is necessary.
// stylelint-disable declaration-no-important
content: none !important;
}
$color-editor-chrome: $color-grey-1;
$color-editor-chrome-text: $color-white;
$color-editor-chrome-active: $color-white;
$color-editor-chrome-accent: lighten($color-editor-chrome, 20%);
@import '../../../../node_modules/draftail/lib/index';
@import './Tooltip/Tooltip';
@import './decorators/TooltipEntity';
@import './blocks/MediaBlock';
@import './blocks/ImageBlock';
@import './blocks/EmbedBlock';
.public-DraftEditor-content,
.public-DraftEditorPlaceholder-root {
font-family: $font-serif;
}