From 55e16d3c8a0e3b2ee8fd7f87a12cae8a2b1886d0 Mon Sep 17 00:00:00 2001 From: Rich Tabor Date: Thu, 16 Mar 2023 10:28:24 -0400 Subject: [PATCH] Use var border color and radius on color panel items (#42283) * Use $gray-300 instead of rgba(0, 0, 0, 0.1) * Use $radius-block-ui --- .../src/components/colors-gradients/style.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/block-editor/src/components/colors-gradients/style.scss b/packages/block-editor/src/components/colors-gradients/style.scss index 5d86252105acfe..8b36f04b835526 100644 --- a/packages/block-editor/src/components/colors-gradients/style.scss +++ b/packages/block-editor/src/components/colors-gradients/style.scss @@ -73,20 +73,20 @@ $swatch-gap: 12px; max-width: 100%; // Border styles. - border-left: 1px solid rgba(0, 0, 0, 0.1); - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-left: 1px solid $gray-300; + border-right: 1px solid $gray-300; + border-bottom: 1px solid $gray-300; &.first { margin-top: $grid-unit-30; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border-top: 1px solid rgba(0, 0, 0, 0.1); + border-top-left-radius: $radius-block-ui; + border-top-right-radius: $radius-block-ui; + border-top: 1px solid $gray-300; } &.last { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: $radius-block-ui; + border-bottom-right-radius: $radius-block-ui; } > div,