[extra] Remove :has media query util - all evergreen browsers now s…

…upport `:has`
elastic · Nov 19, 2024 · fc5baff · fc5baff
1 parent 82960ba
commit fc5baff
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 13 deletions.
diff --git a/packages/eui/src/components/card/card.styles.ts b/packages/eui/src/components/card/card.styles.ts
@@ -10,7 +10,6 @@ import { css } from '@emotion/react';
 
 import {
   euiPaddingSize,
-  euiSupportsHas,
   logicalCSS,
   logicals,
   logicalTextAlignCSS,
@@ -218,12 +217,6 @@ export const euiCardTextStyles = (euiThemeContext: UseEuiTheme) => {
       &:focus {
         text-decoration: underline;
       }
-
-      /* Progressive enhancement where we remove focus from text as
-         it will be applied to the whole card instead */
-      ${euiSupportsHas} {
-        outline: none !important; /* stylelint-disable-line declaration-no-important */
-      }
     `,
 
     aligned: {

diff --git a/packages/eui/src/global_styling/mixins/_helpers.ts b/packages/eui/src/global_styling/mixins/_helpers.ts
@@ -226,9 +226,3 @@ export const euiFullHeight = () => `
   flex: 1 1 auto;
   overflow: hidden;
 `;
-
-/**
- * A constant storing the support for the `:has()` selector through a
- * media query that will only apply the content it is supported.
- */
-export const euiSupportsHas = '@supports(selector(:has(p)))';