Improve clamp mixin

[kuuak]

Make the clamp mixin handle an inverted slope

example:

@mixin clamp width, 65, 50, $min-bp, $max-bp;

[kuuak]

Suggestion from @snugglejuice

actuellement ce n'est pas supporté dans notre mixin. Il faudrait la modifier la fonction clamp pour le calcul de la slope pour que le max - min prenne effectivement le plus grand nombre et modifier aussi dans le return pour que le premier soit bien le plus petit et le deuxième le plus grand

module.exports = {
	clamp(mixin, property, minPx, maxPx, minBp, maxBp) {
		const toRems = (px) => {
			return px / 16;
		};
		const rnd = (number, places = 0) => {
			let n = 1;
			if (places > 0) {
				for (let i = 1; i <= places; i++) {
					n = n * 10;
				}
			}
			return Math.round(number * n) / n;
		};

		// Remove px from breakpoints
		const strippedMinBp = minBp.replace(/px/g, '');
		const strippedMaxBp = maxBp.replace(/px/g, '');

		const slope = (minPx - maxPx) / (strippedMinBp - strippedMaxBp);
		const slopeVw = rnd(slope * 100, 2);
		const interceptRems = rnd(toRems(minPx - slope * strippedMinBp), 2);

		return {
			[property]: `clamp(${maxPx}px, ${slopeVw}vw + ${interceptRems}rem, ${minPx}px)`,
		};
	},
};