我正在尝试为 MuiTab 提供 CSS 覆盖以增加字体大小。
使用有关material-ui上的CSS覆盖的文档,我已经设法增加了大多数元素的字体大小,但是我陷入了使用媒体查询的元素,因为它们产生比我通过覆盖提供的规则更具体的CSS规则。
主题.ts:
import { createMuiTheme } from '@material-ui/core';
const fontSizeStyle = {
fontSize: '1rem',
};
const fontFamilyStyle = {
fontFamily: '"Ubuntu", sans-serif'
};
const theme = createMuiTheme({
overrides: {
MuiTab: {
root: {
...fontFamilyStyle,
...fontSizeStyle,
},
label: fontSizeStyle,
},
}
});
export default theme;
这会产生以下应用于 MuiTab 的 css 规则:
该规则由以下文件生成:
https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tab/Tab.js https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tab/Tab.js
[theme.breakpoints.up('md')]: {
fontSize: theme.typography.pxToRem(13),
},
有谁有如何使用 createMuiTheme 函数覆盖此媒体查询的示例?我没有断点,所以也许我还需要指定断点才能在我的覆盖中使用它们
亲切的问候