Skip to content

Add <picture> styles#314

Merged
reinink merged 2 commits intomasterfrom
picture
Aug 30, 2023
Merged

Add <picture> styles#314
reinink merged 2 commits intomasterfrom
picture

Conversation

@reinink
Copy link
Copy Markdown
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
Copy Markdown

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