From 743826b5ad4d160a3573e786577c2fe3f49df648 Mon Sep 17 00:00:00 2001 From: Joen Asmussen Date: Tue, 16 Jun 2020 09:33:11 +0200 Subject: [PATCH] Polish: Unify subheadings style. --- .../src/components/block-navigation/style.scss | 7 +++++-- .../src/components/block-switcher/style.scss | 12 +++++++++--- .../block-editor/src/components/inserter/style.scss | 4 ++-- packages/components/src/dropdown-menu/style.scss | 4 ++++ packages/components/src/menu-group/style.scss | 7 +++++-- 5 files changed, 25 insertions(+), 9 deletions(-) diff --git a/packages/block-editor/src/components/block-navigation/style.scss b/packages/block-editor/src/components/block-navigation/style.scss index b95fc785734f03..0fd3a2ea983268 100644 --- a/packages/block-editor/src/components/block-navigation/style.scss +++ b/packages/block-editor/src/components/block-navigation/style.scss @@ -6,8 +6,11 @@ $tree-item-height: 36px; } .block-editor-block-navigation__label { - margin: 0 0 $grid-unit-10; - color: $dark-gray-300; + margin: 0 0 $grid-unit-15; + color: $medium-gray-text; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; } .block-editor-block-navigation__container { diff --git a/packages/block-editor/src/components/block-switcher/style.scss b/packages/block-editor/src/components/block-switcher/style.scss index 5917853733323a..34b00edfbab70b 100644 --- a/packages/block-editor/src/components/block-switcher/style.scss +++ b/packages/block-editor/src/components/block-switcher/style.scss @@ -91,8 +91,11 @@ } .block-editor-block-switcher__label { - margin-bottom: $grid-unit-10; + margin-bottom: $grid-unit-15; color: $medium-gray-text; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; } @include break-medium { @@ -136,8 +139,11 @@ } .block-editor-block-switcher__preview-title { - margin-bottom: 10px; - color: $dark-gray-300; + margin-bottom: $grid-unit-15; + color: $medium-gray-text; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; } // The block switcher in the contextual toolbar should be bigger. diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss index 866a7a84a1ca14..4a2b50b14d8518 100644 --- a/packages/block-editor/src/components/inserter/style.scss +++ b/packages/block-editor/src/components/inserter/style.scss @@ -135,11 +135,11 @@ $block-inserter-tabs-height: 44px; } .block-editor-inserter__panel-title { - color: $theme-color; + margin: 0 $grid-unit-15 0 0; + color: $medium-gray-text; text-transform: uppercase; font-size: 11px; font-weight: 500; - margin: 0 $grid-unit-10 0 0; } .block-editor-inserter__block-list { diff --git a/packages/components/src/dropdown-menu/style.scss b/packages/components/src/dropdown-menu/style.scss index 8b6c26be120168..d75e7c2e0b5b86 100644 --- a/packages/components/src/dropdown-menu/style.scss +++ b/packages/components/src/dropdown-menu/style.scss @@ -82,6 +82,10 @@ margin-top: 0; border-top: $border-width solid $light-gray-secondary; padding: $grid-unit-15; + + .is-alternate & { + border-color: $dark-gray-primary; + } } } diff --git a/packages/components/src/menu-group/style.scss b/packages/components/src/menu-group/style.scss index e0ab0cd8bf20aa..0abe662f39391a 100644 --- a/packages/components/src/menu-group/style.scss +++ b/packages/components/src/menu-group/style.scss @@ -5,7 +5,10 @@ } .components-menu-group__label { - margin-bottom: $grid-unit-10; - color: $medium-gray-text; padding: 0; + margin-bottom: $grid-unit-15; + color: $medium-gray-text; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; }