diff --git a/packages/edit-post/src/components/text-editor/style.scss b/packages/edit-post/src/components/text-editor/style.scss index e925344dc9e3a2..eaf28918ea5da9 100644 --- a/packages/edit-post/src/components/text-editor/style.scss +++ b/packages/edit-post/src/components/text-editor/style.scss @@ -32,6 +32,10 @@ border: $border-width solid $light-gray-500; margin-bottom: 4px; padding: $block-padding; + + &:focus { + border: $border-width solid $light-gray-500; + } } textarea:hover, diff --git a/packages/editor/src/components/post-text-editor/style.scss b/packages/editor/src/components/post-text-editor/style.scss index fd1c77195cc2fe..f8f1c91c67ff09 100644 --- a/packages/editor/src/components/post-text-editor/style.scss +++ b/packages/editor/src/components/post-text-editor/style.scss @@ -1,27 +1,27 @@ .editor-post-text-editor { - border: $border-width solid $light-gray-500; + border: $border-width solid $light-gray-500 !important; display: block; margin: 0 0 2em; width: 100%; box-shadow: none; resize: none; overflow: hidden; - font-family: $editor-html-font; + font-family: $editor-html-font !important; line-height: 150%; + border-radius: 0 !important; /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: $mobile-text-min-font-size; + font-size: $mobile-text-min-font-size !important; @include break-small { - font-size: $text-editor-font-size; + font-size: $text-editor-font-size !important; } &:hover, &:focus { - border: $border-width solid $light-gray-500; - box-shadow: none; + border: $border-width solid $light-gray-800 !important; + box-shadow: none !important; // Emulate the effect used on the post title. - outline: $border-width solid $light-gray-500; - outline-offset: -2px; + outline-offset: -2px !important; } }