Andy-set-studio / gorko

A tiny Sass token class generator.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How should the responsive parameter work ?

gmutschler opened this issue · comments

I’m not quite sure to understand how the 'output': 'responsive' is supposed to work. As for now, it seems that it only outputs the same value in the different breakpoints and I don’t understand why one would do this.
But maybe I missed something. If no, shouldn’t we be able to set something like this up :

$gorko-config: (
  ...,
  'text':(
    items:(
      '300': 0.75rem,
      '400': 1rem,
      md: (
        '300': 0.875rem,
      ),
      lg: (
        '400': 1.1rem,
      ),
    ),
    'output': 'responsive',
    'property': 'font-weight'
  ),
  'breakpoints': (
    'sm': '(min-width: 36em)',
    'md': '(min-width: 48em)',
    'lg': '(min-width: 62em)'
  )
)

I could work on a PR to include such a behavior (syntax from $gorko-config to discuss). What do you think about it ?

I read the doc again and finally got it. Media queries aren't use the way I had in mind. Hence closing this