From 39bc3273ce08c3bee7a6e41e8a4661af888bbd6e Mon Sep 17 00:00:00 2001 From: Glen Davies Date: Wed, 28 Sep 2022 11:30:55 +1300 Subject: [PATCH] switch to using vars instead of fixed values --- .../spacing-sizes-control/style.scss | 21 ++++++++++--------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/packages/block-editor/src/components/spacing-sizes-control/style.scss b/packages/block-editor/src/components/spacing-sizes-control/style.scss index 0b6941024d2c7..7806e4735b90f 100644 --- a/packages/block-editor/src/components/spacing-sizes-control/style.scss +++ b/packages/block-editor/src/components/spacing-sizes-control/style.scss @@ -19,14 +19,14 @@ .components-base-control__label { margin-bottom: 0; - height: 16px; + height: $grid-unit-20; } .components-spacing-sizes-control__side-labels { grid-column: 1 / 1; justify-content: left; - height: 16px; - margin-top: 12px; + height: $grid-unit-20; + margin-top: $grid-unit-15; } .components-spacing-sizes-control__side-label { @@ -37,7 +37,7 @@ &.is-unlinked { .components-range-control.components-spacing-sizes-control__range-control { - margin-top: 12px; + margin-top: $grid-unit-15; } } @@ -60,6 +60,11 @@ grid-row: 1 / 1; justify-self: end; padding: 0; + &.is-small.has-icon { + padding: 0; + min-width: $icon-size; + height: $grid-unit-20; + } } .component-spacing-sizes-control__linked-button ~ .components-spacing-sizes-control__custom-toggle-all { @@ -69,15 +74,11 @@ .components-spacing-sizes-control__custom-toggle-single { grid-column: 3 / 3; justify-self: end; - } - - .components-spacing-sizes-control__custom-toggle-all, - .components-spacing-sizes-control__custom-toggle-single { &.is-small.has-icon { padding: 0; min-width: $icon-size; - height: 16px; - margin-top: 12px; + height: $grid-unit-20; + margin-top: $grid-unit-15; } }