search

wingsuit-designsystem / wingsuit

Twig for Storybook
GNU General Public License v2.0
90 stars 16 forks source link

Fix gridTemplateColumns in tailwind config #191

Closed Duwid closed 2 years ago

Duwid commented 2 years ago

Describe the bug gridTemplateColumns definitions are not working quite well. 33/66 are not really 1 and 2 thirds.

gridTemplateColumns: {
  '33/66': '33% 66%',
  '66/33': '66% 33%',
  '25/50/25': '25% 50% 25%',
},

Expected behavior Use the following configuration to fix this behavior.

gridTemplateColumns: {
  '33/66': 'minmax(0, 1fr) minmax(0, 2fr)',
  '66/33': 'minmax(0, 2fr) minmax(0, 1fr)',
  '25/75': 'minmax(0, 1fr) minmax(0, 3fr)',
  '75/25': 'minmax(0, 3fr) minmax(0, 1fr)',
  '25/50/25': 'minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr)',
},