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

Simplify local nav background #62

Closed
iandunn opened this issue Oct 28, 2021 · 2 comments · Fixed by #63
Closed

Simplify local nav background #62

iandunn opened this issue Oct 28, 2021 · 2 comments · Fixed by #63
Assignees

Comments

@iandunn
Copy link
Member

iandunn commented Oct 28, 2021

Right now each individual category needs a new image created, but we should be able to just set background colors in CSS instead.

I don't think I can do it with the current SVG in Figma, though, because the paths define the top area, and I need them to define the bottom area.

@beafialho , can you create a SVG that is the inverse/opposite of those 2 stroke vectors?

So, in the image below, instead of the top area being filled with blue and bottom area transparent, the top area would be transparent and the bottom would be filled white.

inverse-example

( ignore the fact that the hue of blue is different than the mockup, that was just for an example. i'll make the actual background colors match the mockup )

@iandunn iandunn added the devex label Oct 28, 2021
@iandunn iandunn added this to the Initial Launch: Functionality milestone Oct 28, 2021
@iandunn iandunn self-assigned this Oct 28, 2021
@iandunn
Copy link
Member Author

iandunn commented Oct 29, 2021

Nevermind @beafialho , I figured out how to do it w/ mask-image in CSS 🙂

@beafialho
Copy link
Collaborator

Awesome!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants