From f2f8ebebe17329c0a85aa35448475235c764efea Mon Sep 17 00:00:00 2001 From: David Levin Date: Thu, 29 Nov 2018 13:49:45 -0800 Subject: [PATCH] Update styles to remove hheight calc and negative margin h4x --- .../packages/components/src/summary/style.scss | 9 --------- 1 file changed, 9 deletions(-) diff --git a/plugins/woocommerce-admin/packages/components/src/summary/style.scss b/plugins/woocommerce-admin/packages/components/src/summary/style.scss index e79e59672c5..6e333c29db3 100644 --- a/plugins/woocommerce-admin/packages/components/src/summary/style.scss +++ b/plugins/woocommerce-admin/packages/components/src/summary/style.scss @@ -323,11 +323,8 @@ $inner-border: $core-grey-light-500; .woocommerce-summary__item { display: block; - margin-top: -1px; - height: calc(100% + 1px); // prevents 1px jump on focus due to double border issue below padding: $spacing; background-color: $core-grey-light-100; - box-shadow: inset 0 1px 0 0 $outer-border; border-bottom: 1px solid $outer-border; border-right: 1px solid $inner-border; text-decoration: none; @@ -342,19 +339,13 @@ $inner-border: $core-grey-light-500; &:focus { // !important to override button styles - margin-top: -1px; - height: calc(100% + 1px); // Hack to avoid double border box-shadow: inset -1px -1px 0 $core-grey-dark-300, inset 1px 1px 0 $core-grey-dark-300 !important; } &.is-selected { - margin-top: -1px; - height: calc(100% + 1px); // Hack to avoid double border &:focus { // !important to override button styles - margin-top: -1px; - height: calc(100% + 1px); // Hack to avoid double border box-shadow: inset -1px -1px 0 $core-grey-dark-300, inset 1px 0 0 $core-grey-dark-300, inset 0 4px 0 $woocommerce !important; } }