[core] Uniformize pseudo-classes syntax

mui · Mar 14, 2020 · 15ab987 · 15ab987
1 parent 35dae27
commit 15ab987
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/docs/src/pages/components/slider/CustomizedSlider.js b/docs/src/pages/components/slider/CustomizedSlider.js
@@ -61,7 +61,7 @@ const IOSSlider = withStyles({
     boxShadow: iOSBoxShadow,
     marginTop: -14,
     marginLeft: -14,
-    '&:focus,&:hover,&$active': {
+    '&:focus, &:hover, &$active': {
       boxShadow: '0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.02)',
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
@@ -110,7 +110,7 @@ const PrettoSlider = withStyles({
     border: '2px solid currentColor',
     marginTop: -8,
     marginLeft: -12,
-    '&:focus,&:hover,&$active': {
+    '&:focus, &:hover, &$active': {
       boxShadow: 'inherit',
     },
   },
@@ -142,7 +142,7 @@ const AirbnbSlider = withStyles({
     marginTop: -12,
     marginLeft: -13,
     boxShadow: '#ebebeb 0px 2px 2px',
-    '&:focus,&:hover,&$active': {
+    '&:focus, &:hover, &$active': {
       boxShadow: '#ccc 0px 2px 3px 1px',
     },
     '& .bar': {

diff --git a/docs/src/pages/components/slider/CustomizedSlider.tsx b/docs/src/pages/components/slider/CustomizedSlider.tsx
@@ -62,7 +62,7 @@ const IOSSlider = withStyles({
     boxShadow: iOSBoxShadow,
     marginTop: -14,
     marginLeft: -14,
-    '&:focus,&:hover,&$active': {
+    '&:focus, &:hover, &$active': {
       boxShadow: '0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.02)',
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
@@ -111,7 +111,7 @@ const PrettoSlider = withStyles({
     border: '2px solid currentColor',
     marginTop: -8,
     marginLeft: -12,
-    '&:focus,&:hover,&$active': {
+    '&:focus, &:hover, &$active': {
       boxShadow: 'inherit',
     },
   },
@@ -143,7 +143,7 @@ const AirbnbSlider = withStyles({
     marginTop: -12,
     marginLeft: -13,
     boxShadow: '#ebebeb 0px 2px 2px',
-    '&:focus,&:hover,&$active': {
+    '&:focus, &:hover, &$active': {
       boxShadow: '#ccc 0px 2px 3px 1px',
     },
     '& .bar': {

diff --git a/packages/material-ui/src/TableRow/TableRow.js b/packages/material-ui/src/TableRow/TableRow.js
@@ -16,7 +16,7 @@ export const styles = theme => ({
     '&$hover:hover': {
       backgroundColor: theme.palette.action.hover,
     },
-    '&$selected,&$selected:hover': {
+    '&$selected, &$selected:hover': {
       backgroundColor: fade(theme.palette.secondary.main, theme.palette.action.selectedOpacity),
     },
   },