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

Update spacing to match 8-pt grid values shown in Figma #490

Open
angela-tran opened this issue Nov 14, 2023 · 3 comments
Open

Update spacing to match 8-pt grid values shown in Figma #490

angela-tran opened this issue Nov 14, 2023 · 3 comments
Labels
chore Administrative chores and tasks front-end Related to the website front-end

Comments

@angela-tran
Copy link
Member

This ticket is for updating the spacing in MobiMart so that it matches the 8-pt grid that design uses for their Figma screens.

Additional context

Yes, this does follow the 8-pt grid. Whenever I create new designs for mobimart or calitp.org, I automatically update with that design framework. I know we never discussed that explicitly for the homepage dev work though—I'll do a better job noting that when we're scoping in the future. If we can create a new ticket for updating the spacing in backlog that would be great

Originally posted by @segacy1 in #489 (comment)

@thekaveman thekaveman added front-end Related to the website front-end chore Administrative chores and tasks labels Apr 10, 2024
@angela-tran
Copy link
Member Author

We don't know exactly how much there is on MobiMart to update over to 8-pt grid (it could be a lot). And MobiMart uses Sass, so it works differently from what we're used to in Benefits.

A dev should go through and see how much there is to update.

@angela-tran angela-tran moved this from Todo to Needs shaping in Digital Services Jul 2, 2024
@indexing
Copy link
Member

@allejo Any updates from your research? Do you have any proposed direction for a refactor, as well as level of effort?

@thekaveman
Copy link
Member

👆 RE: the SASS refactor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
chore Administrative chores and tasks front-end Related to the website front-end
Projects
Status: Needs shaping
Development

No branches or pull requests

3 participants