refactor(style):更换一种允许vscode插件正常工作的书写方式。

This commit is contained in:
徐涛 2024-07-11 22:24:28 +08:00
parent 06cb26633d
commit cf7fb34d99

View File

@ -2,19 +2,20 @@ import { css } from "@emotion/react";
import { mq } from "./style-predefines"; import { mq } from "./style-predefines";
export const globalStyle = (theme) => export const globalStyle = (theme) =>
css({ css`
[":root"]: { :root {
colorScheme: "light dark", color-scheme: light dark;
fontFamily: "Inter, Avenir, Helvetica, Arial, sans-serif", font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
fontSize: 0.625, font-size: 0.625;
fontSynthesis: "none", font-synthesis: none;
textRendering: "optimizeLegibility", text-rendering: optimizeLegibility;
WebkitFontSmoothing: "antialiased", -webkit-font-smoothing: antialiased;
MozOsxFontSmoothing: "grayscale", -moz-osx-font-smoothing: grayscale;
WebkitTextSizeAdjust: "100%", -webkit-text-size-adjust: 100%;
backgroundColor: theme.backgroundColor.light, background-color: ${theme.backgroundColor.light};
[mq.dark]: { overflow: hidden;
backgroundColor: theme.backgroundColor.dark, ${mq.dark} {
}, background-color: ${theme.backgroundColor.dark};
}, }
}); }
`;