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

Style Seedlet mobile navigation #3911

Merged
merged 2 commits into from
May 25, 2021
Merged

Conversation

pbking
Copy link
Contributor

@pbking pbking commented May 21, 2021

Changes proposed in this Pull Request:

This follows up on #3870 and styles the Navigation Block's mobile menu.

Turns out there's no need for breakpoints after all...

Before:
image

After:
image

Design Target:
image

.wp-block-navigation-link {
//NOTE: For reasons I cannot explain... if I set this to use the --wp--preset--font-family--headings
//these values (which are what are set) are not respected in the modal.
font-family: var(--font-headings, 'Playfair Display', Georgia, Times, serif);
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is strange and I don't understand why this is. Perhaps somebody could help me figure out why using the variable in this space wasn't working...

font-family: var(--wp--preset--font-family--headings);

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Odd bug - I think it's safe to add font-family: var(--wp--preset--font-family--headings);

It works fine for me:

W9CsKOiNW1

@pbking pbking requested a review from a team May 21, 2021 19:05
Copy link
Contributor

@danieldudzic danieldudzic left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is legit!

@pbking pbking force-pushed the style/seedlet-blocks-mobile-navigation branch from b78a90e to 1acdfc2 Compare May 25, 2021 14:53
@pbking pbking merged commit 35c58cf into trunk May 25, 2021
@scruffian scruffian deleted the style/seedlet-blocks-mobile-navigation branch May 25, 2021 15:19
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 this pull request may close these issues.

2 participants