Skip to content

Instantly share code, notes, and snippets.

@Nattarat

Nattarat/styled-component-for-loop-generate-class.js

Created April 25, 2019 08:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Nattarat/5e959881ed96e3b887539633ca904018 to your computer and use it in GitHub Desktop.
Save Nattarat/5e959881ed96e3b887539633ca904018 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
styled-component-for-loop-generate-class.js
xport const ComponentWrapper = styled.div`
/* Parent
------------------------------- */
/* Childrens
------------------------------- */
/* Modifiers
------------------------------- */
${() => {
let i = 0
let styles = ''
for (i = 0; i <= 12; i++) {
styles += `
&.is-grid-${i} {
flex: ${i};
}
`
}
return styles
}}
/* Media queries
------------------------------- */
`
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment