search

brandocms / europacss

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

@unpack #23

Closed tmjoen closed 5 years ago

tmjoen commented 5 years ago 
const cfg = {
  theme: {
    typography: {
      sections: {
        navigation: {
          xs: {},
          sm: {},
          md: {
            'font-size': '12px',
            'line-height': '12px',
            'letter-spacing': '0.12rem'
          },
          lg: {
            'font-size': '12px',
            'line-height': '12px',
            'letter-spacing': '0.12rem'
          },
          xl: {
            'font-size': '15px',
            'line-height': '15px',
            'letter-spacing': '2px'
          }
        }
      }
    }
  }
}
navigation ul li a {
  @unpack theme.typography.sections.navigation;
}

Create a breakpoint for each key, then create decls for the value object.