Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design fluid grid system and how to implement it #88

Closed
HeleenSG opened this issue Jan 26, 2023 · 0 comments
Closed

Design fluid grid system and how to implement it #88

HeleenSG opened this issue Jan 26, 2023 · 0 comments
Assignees
Labels
design Technical, functional or graphic design

Comments

@HeleenSG
Copy link
Contributor

A fluid grid system allows designers to design components that are responsive. Design choices made within that system should be translatable to manon components. So they can behave as intended.

A technical design is needed.

Thoughts:

  • Add the grid system choices to a css file which contains the expected breakpoints.
  • Connect these breakpoints to the components through variables. (note, css-variables can not be used within media queries. That's why we use sass. So these need to be sass variables that can be set. I believe sass variables can contain css-variables which means the breakpoints could be set through css-variables within a css file just as we define all other styling choices. But this needs to be tested.)
@HeleenSG HeleenSG added the design Technical, functional or graphic design label Jan 26, 2023
@HeleenSG HeleenSG self-assigned this Jan 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design Technical, functional or graphic design
Projects
None yet
Development

No branches or pull requests

1 participant