madebymode/mode-front-end

Clean up how gutters work/integrate spacing framework

Closed this issue · 2 comments

I would love to implement a better spacing framework here. It would make things easier for us, and everything would look cleaner. We already have a good start with defining the universal gutter sizes per-project and using them with margins/padding, but we can take it further by using these sizes for line heights, and spacing on form elements, buttons and so on. This is also something we should work on getting the design team on board with.

Related articles:

I'm down. Mind putting together a proof of concept?

Having some real code will help flesh out how we actually want to implement the ideas.

As of #36, we're moving our Sass framework to https://github.com/madebymode/mode-sass.

Copied this issue to madebymode/minimis#1 so we can keep track of it there.