MIgrating gridColumn, gridColumnStart, gridColumnEnd from v3 js config to css config

[m-shum]

Hi all,
I'm migrating a TW v3 project to the new css config and having scoured the docs, I still can't see any information on how to extend the theme's grid properties.

In the js config, the theme extends with the following properties:

      gridColumn: {
        full: 'full',
        container: '2/14',
      },
      gridColumnStart: {
        14: '14',
        full: 'full',
      },
      gridColumnEnd: {
        14: '14',
        full: 'full',
      },
      maxWidth: {
        '1/4': '25%',
        '1/2': '50%',
        '2/3': '66%',
      },

Running the migration script simply adds a line to the css file that references the js config – which is not what I want. I there a list of all the variables somewhere (I've already checked the docs and unfortunately they don't list everything)? Or some kind of documentation on what pattern should be followed when migrating js configs to css?

[wongjn]

There's no documentation for these, but looking at the source code:

v3	v4
gridColumn	--grid-column
gridColumnStart	--grid-column-start
gridColumnEnd	--grid-column-end
maxWidth	--max-width

[m-shum]

Thaaat's what I was looking for, thank you!!