Skip to content
This repository has been archived by the owner on Feb 28, 2022. It is now read-only.

Doomsday - FooterSocials #58

Open
wants to merge 3 commits into
base: doomsday
Choose a base branch
from

Conversation

dChiamp
Copy link
Contributor

@dChiamp dChiamp commented Jul 23, 2020

Components included in this PR are:

  1. FooterSocials
  2. WpMenu
  3. WpMenuItem

Notes

Got exact font details from Dave.

I added a prop for color-theme to make things easier. Seems there are at least 3 colors: pink, black, and orange.

When this component is added to the project, you should delete .mock-nuxt-link class in scss. When using real WpMenuItems from WPGQL it will be an external link and use an anchor tag.

The hover-off effect feels off to me. I want to add a delay to webkit-text-stroke on hover off, but can't seem to target it. I tried using webkit-text-stroke-width and -webkit-text-stroke-color specifically but still couldn't make it work even though the spec says you should be able to apply transitions to -webkit-text-stroke-color.

@drewbaker
Copy link
Member

Please use the color vars specified in the issue description.

@dChiamp
Copy link
Contributor Author

dChiamp commented Jul 23, 2020

i saw that, but they are the same as they other colors, seems redundant. unless you plan on changing them later

@drewbaker
Copy link
Member

Yes they will be changed on the page routes they need to be changed on. This way all the colors are controlled in one place, the CSS.

@dChiamp
Copy link
Contributor Author

dChiamp commented Jul 23, 2020

OK i like that, then there's no need for the color prop. I'll make that change and add a --color-footer-text var since that will also need to be changed for the hovers.

@dChiamp
Copy link
Contributor Author

dChiamp commented Jul 23, 2020

I fixed the hover issue as well.

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

Successfully merging this pull request may close these issues.

2 participants