Skip to content

Fix empty space after code block in Firefox #41

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

Closed
wants to merge 1 commit into from

Conversation

praveenjuge
Copy link

There was an empty space after all code blocks in Firefox,

Screenshot 2020-07-25 at 5 31 29 PM

this was due to setting content: "" in pre code::after. It works normally in all browsers after setting it to content: none

@samrobbins85
Copy link

It's a bit of a hacky solution, but given this hasn't been merged for a while, here's the override that I'm using in tailwind.config.js if anyone else needs this solved

typography: {
	default: {
		css: {
			pre: {
				code: {
					"&:after": { content: "none !important" },
				},
			},
		},
	},
},

scotttrinh added a commit to kdl-org/kdl-org.github.io that referenced this pull request Dec 22, 2020
RobinMalfait added a commit that referenced this pull request Jan 8, 2021
RobinMalfait added a commit that referenced this pull request Jan 8, 2021
* use `content: none;` instead of `content: '';`

Closes: #41
Closes: #77

* bump dependencies
@RobinMalfait
Copy link
Member

Hey! Thank you for your PR!
Much appreciated! 🙏

I updated the PR because of all the Tailwind 2.0 changes. This should be fixed in the next version!

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.

3 participants