FR: Poly Fluid Sizing

[aerni]

I love the idea of fluid design for typograhpy, containers etc. However, I've found myself limited by only having one min and max value. I've been playing around with the approach called Poly Fluid Sizing presented in this article. Is this possible to implement?

[aerni]

@bradlc Do you think you could add this feature? I tried to implement it myself but am failing at my limited JavaScript knowledge. I imagine the configuration to be something like the following, where the key is the screen size. And the key can take in the unit of choice.

padding: {
    sm: {
        '320px': '1rem',
	'640px': '2rem',
	'400px': '4rem',
    },
    md: {
	'20rem': '2rem',
	'40rem': '4rem',
	'87.5rem': '5rem',
    }
}

This is the Poly Fluid Sizing repo: https://github.com/Jakobud/poly-fluid-sizing

[bradlc]

Hey @aerni90. I’ve had a quick look at this and I quite like it. I’ll have a go at implementing it and potentially update the plugin to use this method instead.

[aerni]

Awesome! If you need help testing or anything, let me know.

[aerni]

@bradlc Are you thinking of completing this implementation any time soon?