refactor(style):更换一种允许vscode插件正常工作的书写方式。
This commit is contained in:
parent
06cb26633d
commit
cf7fb34d99
@ -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};
|
||||||
},
|
}
|
||||||
});
|
}
|
||||||
|
`;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user