How to optimise

[gavinmcfarland]

For example all width's are currently re-written for reliability but this comes at a cost of larger CSS file.

[gavinmcfarland]

• Optional support for percentages
• Move width calculation into :root
• Optional support for rewriting all occurrences of width
• Optional support for nesting
• Potentially use Javascript to calculate width
• Shorten custom property names

[gavinmcfarland]

To avoid rewriting all width and flex-basis properties, we can make a variable available which will then employ the polyfill for that property.

For example:

.flex_item {
    flex-basis: calc(50% - var(--flex-gap));
}

The polyfill will do the rest.