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

Add <picture> styles #314

Merged
merged 2 commits into from
Aug 30, 2023
Merged

Add <picture> styles #314

merged 2 commits into from
Aug 30, 2023

Conversation

reinink
Copy link
Member

@reinink reinink commented Aug 30, 2023

This PR adds basic <picture> styles that match what we're already doing for images. This includes:

  1. Making the <picture> element display: block
  2. Adding top and bottom margin to <picture> elements
  3. Removing the margin from <img> elements within <picture> elements

This change fixes #144, where <picture> elements had the wrong spacing within a <figure> element.

@vercel
Copy link

vercel bot commented Aug 30, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
tailwindcss-typography ✅ Ready (Inspect) Visit Preview Aug 30, 2023 6:50pm

@reinink reinink merged commit 5e8c4a9 into master Aug 30, 2023
3 checks passed
@reinink reinink deleted the picture branch August 30, 2023 19:00
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.

Margin for <picture> tag
1 participant