RockefellerArchiveCenter / styles

Style Library for the Rockefeller Archive Center
https://styles.rockarch.org
MIT License
0 stars 1 forks source link

Research layout approach #4

Closed HaSistrunk closed 1 year ago

HaSistrunk commented 3 years ago

Layout

Recommend using Neat grid framework initially while we compile styles, because we use Neat in rockarch.org and DIMES. Bootstrap grid is also a possible solution.

Note that Neat is no longer maintained and recommends that people use native CSS features like Grid and Flexbox instead. Further research is needed to decide if we want to move away from a grid framework entirely.

Spacing

Look at current spacing values and see if we can come up with a scale that accommodates most of them. There's a useful tool here: https://codyhouse.co/ds/globals/spacing. Let's determine a spacing approach after compiling styles for components from existing repos (rockarch.org and dimes) for a cleaner workflow.

HaSistrunk commented 2 years ago

With #105 we have an approach to grid layouts. Combined with Flexbox, that should get us what we need during implementation. I'm leaving this issue open because our current approach to spacing is pretty customized based on page design, and we may want to standardize this with a specific scale / utility classes for spacing.