Welcome to Fount! If you’re reading this, it’s because you’ve chosen or been chosen to try out my update to MAST. While I love MAST (and you probably do too), there are small things I wish it did differently and even more small additions I wish it had. This system is my answer to those problems.
This is an ongoing project and I will continue to update and iterate based on feedback provided by you. If you’re familiar with MAST, the setup is exactly the same, so you won’t need to change your habits.
https://webflow.com/made-in-webflow/website/fount-system?searchValue=fount
interpolate-size: allow-keywords; to allow for things to grow (like accordions) from 0 → auto the right way. You'll love this one. In fact, this applies to everything on the page. Anything can grow to auto now.field-sizing: content; to let the text area element grow in size depending on content inside. You don’t have to scale the text area anymore, it will scale as you type.::target-text selector to the background and color properties in the custom code CSS. What does it do? If the browser supports linking to text on a page with text fragments, this will change the styling of that text when highlighted to scroll. Read more about it here: https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragmentsRow and Gap Col [LG], it’s now just Desktop under the gap section of the layout folder. Easy..container combo class of .cc-mw-none to .cc-full Who the hell knows what mw means, you know?p-14 p-20 and p-24 in favor of letting you create your own set of typography instead of wrangling these.u-aspect-phonescreen to just u-aspect-phone to be concise.New year new system! Almost…