search

nuxt-modules / design-tokens

Design tokens module for Nuxt
https://design-tokens.nuxtjs.org
MIT License
50 stars 3 forks source link

Screen helper directives #15

Closed Tahul closed 1 year ago

Tahul commented 2 years ago

Some helper directives can be handy for screens (= breakpoints)

We should support:


defineTokens({
   screens: {
      md: '320px',
      lg: '768px',
   }
})

<style>
@screen {md|lg} {

}
</style>