improve consistency

mui · Sep 7, 2020 · 915ba6a · 915ba6a
1 parent 3f01d93
commit 915ba6a
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/docs/src/pages/premium-themes/paperbase/Navigator.js b/docs/src/pages/premium-themes/paperbase/Navigator.js
@@ -60,7 +60,7 @@ const styles = (theme) => ({
     paddingTop: 1,
     paddingBottom: 1,
     color: 'rgba(255, 255, 255, 0.7)',
-    '&:hover,&:focus': {
+    '&:hover, &:focus': {
       backgroundColor: 'rgba(255, 255, 255, 0.08)',
     },
   },

diff --git a/docs/src/pages/premium-themes/paperbase/Navigator.tsx b/docs/src/pages/premium-themes/paperbase/Navigator.tsx
@@ -66,7 +66,7 @@ const styles = (theme: Theme) =>
       paddingTop: 1,
       paddingBottom: 1,
       color: 'rgba(255, 255, 255, 0.7)',
-      '&:hover,&:focus': {
+      '&:hover, &:focus': {
         backgroundColor: 'rgba(255, 255, 255, 0.08)',
       },
     },

diff --git a/packages/material-ui/src/Chip/Chip.js b/packages/material-ui/src/Chip/Chip.js
@@ -96,13 +96,13 @@ export const styles = (theme) => {
     },
     /* Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
     clickableColorPrimary: {
-      '&$focusVisible, &:hover': {
+      '&:hover, &$focusVisible': {
         backgroundColor: emphasize(theme.palette.primary.main, 0.08),
       },
     },
     /* Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
     clickableColorSecondary: {
-      '&$focusVisible, &:hover': {
+      '&:hover, &$focusVisible': {
         backgroundColor: emphasize(theme.palette.secondary.main, 0.08),
       },
     },

diff --git a/packages/material-ui/src/Slider/Slider.js b/packages/material-ui/src/Slider/Slider.js
@@ -272,7 +272,7 @@ export const styles = (theme) => ({
       right: -15,
       bottom: -15,
     },
-    '&$focusVisible,&:hover': {
+    '&:hover, &$focusVisible': {
       boxShadow: `0px 0px 0px 8px ${fade(theme.palette.primary.main, 0.16)}`,
       '@media (hover: none)': {
         boxShadow: 'none',