h1 has "display: block" in Firefox, and "display: table-cell" in other browsers

egoist / hack

⛷ Dead simple CSS framework.

https://hackcss.egoist.dev

MIT License

2.6k stars 140 forks source link

h1 has "display: block" in Firefox, and "display: table-cell" in other browsers #52

Open jokester opened 7 years ago

jokester commented 7 years ago

It seems this difference exists since first commit: here

Is this intended?

Screenshot (note the ============ under h1)

screenshot

ghost commented 7 years ago

@jokester were you able to determine the root cause of the bug? If hack is using standards-based CSS and it's a browser issue I'd lobby to leave it as is to keep the framework ultra light and tidy. After all it's unlikely a user is going to notice anything as there's no obvious display issue.

jokester commented 7 years ago

@jhabdas I believe the @-moz-document url-prefix() block I referenced was the root cause (-moz- is a browser-specific prefix that only affects Firefox).

What confuses me is why this style was created in the first place 😕

ghost commented 7 years ago

Browsers are fun! :D