mapbox / assembly

Making the hard parts of designing for the web easy.
https://www.mapbox.com/assembly/
134 stars 27 forks source link

Refactor flex classes, closes #996 #1002

Closed samanpwbb closed 3 years ago

samanpwbb commented 3 years ago

This PR simplifies our flex classes. Remove flex-child, rename flex-parent to flex, rename flex-parent-inline to inline-flex (to match display declaration), rename all flex-parent-- modifiers to flex--, and rename flex-child-- modifiers to non-modifiers (flex-child--grow is now flex-child-grow).

@katydecorah for review - I made some changes that are different from your suggestions in the issue. This PR uses parent modifiers, and distinguishes child classes from modifiers and from flex display classes by prefixing them with flex-child. I found this approach to fit better with Assembly's naming conventions.