Thank you for this! Also please please please I'd love to see a video with your take on multistep forms and formly. And also setting up basic interactions like scrolling/loading animations within webflow with the newly acquired gsap.
Thanks for sharing your wisdom Tim! Totally unrelated but I have been looking for the cloneable of the Stripe menu but can't find it. Is it possible a re-upload please? Thanks!
Hey Timothy! Great work again... You hopped off twitter awhile ago and I'd love to know if you have any way to notify Lumos users when there are updates to the framework (v2.0.4 → v2.0.5).
At 6.16 you are switching the max-width from full to contained? Wouldn't that be a global change for every page that is using that same class? Just trying to understand the reason to switch the sizing.
Yes, that would have been a global change just to show how the variables work. In Lumos, we have separate u-container-full and u-container-small classes using those variables so that containers can have different widths if needed.
I would add a max rem size to that like this: min(5vw, 4rem). Or even better, use clamp for fluid values. Often we’ll need some top and bottom section padding, sticky element offset, or other values to match that left and right padding container padding. And when we use a fluid value without a max size inside of our container’s max width, the size grows infinitely and crowds out the container.
I love it. Great solution to the over-nesting problem.
Never thought about this. very helpful insights.
Very cool solution!
You are the best! Thank you.
Thank you for this! Also please please please I'd love to see a video with your take on multistep forms and formly. And also setting up basic interactions like scrolling/loading animations within webflow with the newly acquired gsap.
Thanks for sharing your wisdom Tim! Totally unrelated but I have been looking for the cloneable of the Stripe menu but can't find it. Is it possible a re-upload please? Thanks!
Love it! Is this already in the latest Lumos update👀
Thank you! Yes, this has been in Lumos for a while now 🙂
hey Timothy, could you make a tutorial about horizontal scroll image effect/animation please? thankyou!
Hey Timothy! Great work again... You hopped off twitter awhile ago and I'd love to know if you have any way to notify Lumos users when there are updates to the framework (v2.0.4 → v2.0.5).
At 6.16 you are switching the max-width from full to contained?
Wouldn't that be a global change for every page that is using that same class? Just trying to understand the reason to switch the sizing.
Yes, that would have been a global change just to show how the variables work. In Lumos, we have separate u-container-full and u-container-small classes using those variables so that containers can have different widths if needed.
@@timothyricks thank you so much Timothy! that clears is it up perfectly.
I really like to use 5VW padding on both sides... what could possible go wrong? 🙂
I would add a max rem size to that like this: min(5vw, 4rem). Or even better, use clamp for fluid values. Often we’ll need some top and bottom section padding, sticky element offset, or other values to match that left and right padding container padding. And when we use a fluid value without a max size inside of our container’s max width, the size grows infinitely and crowds out the container.
What problems does the original approach have?
Over nesting. The updated approach can use only one div in places where the original approach would require multiple divs.
Goooood