How to use the gatsby-design-tokens.breakpoints.lg function in gatsby-design-tokens
To help you get started, we’ve selected a few gatsby-design-tokens examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
gatsbyjs / gatsby / www / src / components / homepage / homepage-blog-posts.js View on Github 
componentDidMount = () => {
this.desktopMediaQuery = window.matchMedia(`(min-width: ${breakpoints.lg}`)
this.desktopMediaQuery.addListener(this.updateViewPortState)
this.setState({ desktopViewport: this.desktopMediaQuery.matches })
}
Popular gatsby-design-tokens functions
- gatsby-design-tokens.breakpoints.lg
- gatsby-design-tokens.colors.black
- gatsby-design-tokens.colors.blue
- gatsby-design-tokens.colors.code
- gatsby-design-tokens.colors.darkBorder
- gatsby-design-tokens.colors.gatsby
- gatsby-design-tokens.colors.green
- gatsby-design-tokens.colors.grey
- gatsby-design-tokens.colors.lavender
- gatsby-design-tokens.colors.magenta
- gatsby-design-tokens.colors.orange
- gatsby-design-tokens.colors.purple
- gatsby-design-tokens.colors.red
- gatsby-design-tokens.colors.teal
- gatsby-design-tokens.colors.text
- gatsby-design-tokens.colors.white
- gatsby-design-tokens.colors.whiteFade
- gatsby-design-tokens.colors.yellow
- gatsby-design-tokens.fontSizes.map
- gatsby-design-tokens.lineHeights.default