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
appearance: none
to go back to the default arrow.row-center
or row-middle
but what is middle and what is center? Is that horizontal or vertical?
row-center
is now row-center-vertical
row-middle
is now row-center-horizontal
row-justify-end
is now row-right
row-justify-center
is now row-middle
row-justify-around
is now just row-around
row-justify-between
is now row-between
row-align-center
is now row-center
row-align-end
is now row-bottom
rich-text
to a rich text element to see these changes.visibility: hidden
to add to elements that you want in the DOM but invisible. Added to an element, this will keep the space the element takes up bit will be completely invisible to the user.u-p-absolute
to give an element absolute positioning. Perfect for combining with a flexbox element.
cc-full
to u-p-absolute
for a commonly used positioning full width and height element.u-p-sticky
to sticky elements along with combo classes cc-top
and cc-bottom
to sticky to the top and bottom of the page.