root: {
":root": {
"--isMediaDesktop": boolean;
"--isMediaDesktopMax": boolean;
"--isMediaHighDef": boolean;
"--isMediaLarge": boolean;
"--isMediaLargeMax": boolean;
"--isMediaMedium": boolean;
"--isMediaMediumMax": boolean;
"--isMediaSmall": boolean;
"--isMediaSmallMax": boolean;
"--isMediaTablet": boolean;
"--isMediaTabletMax": boolean;
"--sanSerif": string;
"--serif": string;
"font-family": string;
"font-size": string;
"line-height": string;
};
} = ...
Type declaration
:root: {
"--isMediaDesktop": boolean;
"--isMediaDesktopMax": boolean;
"--isMediaHighDef": boolean;
"--isMediaLarge": boolean;
"--isMediaLargeMax": boolean;
"--isMediaMedium": boolean;
"--isMediaMediumMax": boolean;
"--isMediaSmall": boolean;
"--isMediaSmallMax": boolean;
"--isMediaTablet": boolean;
"--isMediaTabletMax": boolean;
"--sanSerif": string;
"--serif": string;
"font-family": string;
"font-size": string;
"line-height": string;
}
Root styles for the design system. Combines CSS custom properties, media conditionals, and reset styles in a single object. This can be used to initialize your application with all the design system variables and base styles.