remove repeated focus-visible style declarations in favor of a global…

… one
mui · Feb 21, 2024 · 062881a · 062881a
1 parent 186537f
commit 062881a
Showing 1 changed file with 1 addition and 15 deletions.
diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js
@@ -12,7 +12,7 @@ const Root = styled('div')(
     ...lightTheme.typography.body1,
     lineHeight: 1.6, // Increased compared to the 1.5 default to make the docs easier to read.
     color: `var(--muidocs-palette-text-primary, ${lightTheme.palette.text.primary})`,
-    '&:focus-visible': {
+    '& :focus-visible': {
       outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
       outlineOffset: 2,
     },
@@ -173,10 +173,6 @@ const Root = styled('div')(
           pointerEvents: 'none',
           verticalAlign: 'middle',
         },
-        '&:focus-visible': {
-          outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
-          outlineOffset: '2px',
-        },
       },
       '&:hover .anchor-link': {
         visibility: 'visible',
@@ -420,9 +416,6 @@ const Root = styled('div')(
       '&:hover': {
         textDecorationColor: 'inherit',
       },
-      '&:focus-visible': {
-        outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
-      },
     },
     '& a code': {
       color: darken(lightTheme.palette.primary.main, 0.04),
@@ -549,10 +542,6 @@ const Root = styled('div')(
           display: 'block',
         },
       },
-      '&:focus-visible': {
-        outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
-        outlineOffset: 2,
-      },
     },
     '& .MuiCode-copyKeypress': {
       pointerEvents: 'none',
@@ -617,9 +606,6 @@ const Root = styled('div')(
             backgroundColor: alpha(darkTheme.palette.primary[900], 0.6),
             color: `var(--muidocs-palette-primary-100, ${darkTheme.palette.primary[100]})`,
           },
-          '&:focus-visible': {
-            outline: `3px solid ${alpha(lightTheme.palette.primary[500], 0.5)}`,
-          },
         },
       },
       '& h1 code, & h2 code, & h3 code': {