From 386506f4320e1487c6dfca40a5e516858ec43fb3 Mon Sep 17 00:00:00 2001 From: Paul Sealock Date: Thu, 14 Feb 2019 12:41:35 +1300 Subject: [PATCH] Segmented Selection: re-apply borders for all browsers --- packages/components/src/ie.scss | 1 - .../src/segmented-selection/ie.scss | 19 ------------------- .../src/segmented-selection/style.scss | 18 ++++++++++++++++++ 3 files changed, 18 insertions(+), 20 deletions(-) delete mode 100644 packages/components/src/segmented-selection/ie.scss diff --git a/packages/components/src/ie.scss b/packages/components/src/ie.scss index d14445447f1..42d0131e959 100644 --- a/packages/components/src/ie.scss +++ b/packages/components/src/ie.scss @@ -1,6 +1,5 @@ /** * Internal Dependencies */ -@import 'segmented-selection/ie.scss'; @import 'summary/ie.scss'; @import 'table/ie.scss'; diff --git a/packages/components/src/segmented-selection/ie.scss b/packages/components/src/segmented-selection/ie.scss deleted file mode 100644 index 82dba64f037..00000000000 --- a/packages/components/src/segmented-selection/ie.scss +++ /dev/null @@ -1,19 +0,0 @@ -/** @format */ - -.woocommerce-segmented-selection__item { - display: block; - @include set-grid-item-position( 2, 10 ); - - &:nth-child(2n) { - border-left: 1px solid $core-grey-light-700; - border-top: 1px solid $core-grey-light-700; - } - - &:nth-child(2n + 1) { - border-top: 1px solid $core-grey-light-700; - } - - &:nth-child(-n + 2) { - border-top: 0; - } -} diff --git a/packages/components/src/segmented-selection/style.scss b/packages/components/src/segmented-selection/style.scss index 152c3980c34..04efce1bf90 100644 --- a/packages/components/src/segmented-selection/style.scss +++ b/packages/components/src/segmented-selection/style.scss @@ -14,6 +14,24 @@ background-color: $core-grey-light-700; } +.woocommerce-segmented-selection__item { + display: block; + @include set-grid-item-position( 2, 10 ); + + &:nth-child(2n) { + border-left: 1px solid $core-grey-light-700; + border-top: 1px solid $core-grey-light-700; + } + + &:nth-child(2n + 1) { + border-top: 1px solid $core-grey-light-700; + } + + &:nth-child(-n + 2) { + border-top: 0; + } +} + .woocommerce-segmented-selection__label { background-color: $core-grey-light-100; padding: $gap-small $gap-small $gap-small $gap-larger;