I've been attempting to incorporate basic CSS with MUI components.
According to their website, it should be feasible.
https://material-ui.com/guides/interoperability/#plain-css
But unfortunately, I'm having trouble getting it to function properly.
*.birthday-root {
color: blue;
align-items: 'center';
width: "25%";
}
.MuiTableCell-root.MuiTableCell-body.birthday-smallCell.MuiTableCell-sizeSmall.birthday-aniverssaryYear {
font-weight: "bold"
}
.birthday-month {
border-bottom: "none";
font-weight: "bold";
}
.birthday-smallCell {
width: "15%";
}
Even after trying various approaches like using * for all objects and copying MUI classes from the webpage source, nothing seems to work. While I can still apply CSS to basic elements like div, I'm unable to do so on MUI components.
Using makeStyles isn't an option for me due to my head being filled with styles: https://github.com/mui-org/material-ui/issues/16756
Additionally, I'm not keen on delving into styled-components as that would entail another learning curve.