Merge pull request #1547 from woocommerce/fix/segmented-selection-bor…

…ders Segmented Selection: re-apply borders for all browsers
woocommerce · Feb 14, 2019 · 2a0d8aa · 2a0d8aa
2 parents 835bb8b + 386506f
commit 2a0d8aa
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 20 deletions.
diff --git 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
diff --git 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;