search

brandocms / europacss

A design system for responsive websites
MIT License
0 stars 0 forks source link

@fontsize > allow setting object per breakpoint #33

Closed tmjoen closed 5 years ago

tmjoen commented 5 years ago

If the breakpoint value is an object, parse all keys/values as decls

{
  sizes: {
    '2xs': {
      xs: '9px',
      sm: '9px',
      md: '9px',
      lg: '10px',
      xl: '11px'
    },
    xs: {
      xs: '12px',
      sm: '12px',
      md: '12px',
      lg: '12px',
      xl: '14px'
    }
  },

  /** OBJECT **/

  sizes: {
    '2xs': {
      xs: {
        'font-size': '9px',
        'line-height': '15px',
        'letter-spacing': '0.98px'
      },
      sm: '9px',
      xl: '11px'
    }
  }
}