I am looking for a way to customize the style of all h6 elements within reactjs/material-ui, without using themes. I have attempted the code below, among other methods:
const useStyles = makeStyles({
someClass: {
h6: {
fontSize: "0.5rem !important",
},
}
});
function functionA() {
const classes = useStyles();
return(
<div className={classes.someClass}>
<Typography variant="h6">foobar</Typography>
</div>
)
}
Also, I prefer not to assign a className to each child individually, as this would be cumbersome for lengthy text.