From 78e477b2a7360537f5aeeca48f14cbf6c55f0a11 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Fri, 21 Jun 2019 16:17:09 -0400
Subject: [PATCH] fix(segment): apply hover properly for segment with color
 (#18549)

---
 core/src/components/segment/segment.ios.scss | 7 ++++++-
 core/src/components/segment/segment.md.scss  | 6 +++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/core/src/components/segment/segment.ios.scss b/core/src/components/segment/segment.ios.scss
index 56f4ff5800..9f30b26e56 100644
--- a/core/src/components/segment/segment.ios.scss
+++ b/core/src/components/segment/segment.ios.scss
@@ -27,7 +27,6 @@
 
 :host(.ion-color)::slotted(ion-segment-button) {
   --border-color: #{current-color(base)};
-  --background-hover: #{current-color(base, .04)};
 
   background: transparent;
   color: #{current-color(base)};
@@ -52,6 +51,12 @@
   color: #{current-color(contrast, $segment-ios-opacity-disabled)};
 }
 
+@media (any-hover: hover) {
+  :host(.ion-color)::slotted(ion-segment-button:hover:not(.segment-button-checked)) {
+    background: #{current-color(base, .1)};
+  }
+}
+
 
 // Segment: Default Toolbar
 // --------------------------------------------------
diff --git a/core/src/components/segment/segment.md.scss b/core/src/components/segment/segment.md.scss
index 73e0b44d6a..da45da03ad 100644
--- a/core/src/components/segment/segment.md.scss
+++ b/core/src/components/segment/segment.md.scss
@@ -23,7 +23,6 @@
 // --------------------------------------------------
 
 :host(.ion-color)::slotted(ion-segment-button) {
-  --background-hover: #{current-color(base, .04)};
   --background-activated: #{current-color(base, .16)};
   --ripple-color: #{current-color(base)};
 
@@ -40,6 +39,11 @@
   color: #{current-color(base)};
 }
 
+@media (any-hover: hover) {
+  :host(.ion-color)::slotted(ion-segment-button:hover) {
+    background: #{current-color(base, .04)};
+  }
+}
 
 // Segment: Default Toolbar
 // --------------------------------------------------