mirror of https://github.com/acid-info/lsd.git
fix(lsd-react): use newline char to join global breakpoint var strings
This commit is contained in:
parent
bf54bbd44d
commit
46d52486f6
|
@ -91,7 +91,7 @@ const generateThemeGlobalStyles = withTheme((theme) => {
|
||||||
THEME_BREAKPOINTS.map((breakpoint, index) => {
|
THEME_BREAKPOINTS.map((breakpoint, index) => {
|
||||||
styles.push(`@media (min-width: ${theme.breakpoints[breakpoint].width}px) {
|
styles.push(`@media (min-width: ${theme.breakpoints[breakpoint].width}px) {
|
||||||
:root {
|
:root {
|
||||||
${breakpointVars[index]}
|
${breakpointVars[index].join('\n')}
|
||||||
}
|
}
|
||||||
|
|
||||||
${breakpointStyles[index]}
|
${breakpointStyles[index]}
|
||||||
|
@ -100,10 +100,10 @@ const generateThemeGlobalStyles = withTheme((theme) => {
|
||||||
|
|
||||||
return css`
|
return css`
|
||||||
:root {
|
:root {
|
||||||
${vars}
|
${vars.join('\n')}
|
||||||
}
|
}
|
||||||
|
|
||||||
${styles}
|
${styles.join('\n')}
|
||||||
`
|
`
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue