Skip to content
This repository was archived by the owner on Feb 17, 2025. It is now read-only.

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 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.

3 participants