fix(lsd-react): use newline char to join global breakpoint var strings

This commit is contained in:
Hossein Mehrabi 2023-06-05 19:30:35 +03:30
parent bf54bbd44d
commit 46d52486f6
1 changed files with 3 additions and 3 deletions

View File

@ -91,7 +91,7 @@ const generateThemeGlobalStyles = withTheme((theme) => {
THEME_BREAKPOINTS.map((breakpoint, index) => {
styles.push(`@media (min-width: ${theme.breakpoints[breakpoint].width}px) {
:root {
${breakpointVars[index]}
${breakpointVars[index].join('\n')}
}
${breakpointStyles[index]}
@ -100,10 +100,10 @@ const generateThemeGlobalStyles = withTheme((theme) => {
return css`
:root {
${vars}
${vars.join('\n')}
}
${styles}
${styles.join('\n')}
`
})