CSS universal selector started breaking things
- Dominant language
- JavaScript
- Stars
- 20k
- Forks
- 1.1k
- Avg merge
- 3d 12h
- Merged PRs (30d)
- 13
Description
We noticed that our custom attachments started to look really weird since [this rule](https://github.com/basecamp/trix/blob/b6c0047f87fa078aa65beb8ba297aba32ea4bcf1/assets/trix/stylesheets/content.scss#L8)
BEFORE THE RESET | AFTER THE RESET
:--|:--
 | 
---
It resets margin and padding of every node:
In this case, universal selector `*` is breaking our custom attachment styles.
We could not solve it via increasing selector specificity, so that we added (with real pain 😢 ) the `!important` on each `margin`/`padding` property setting for our Trix custom attachements.
We though that maybe... what if selector could be like `.trix-content :not(action-text-attachment) *`? 🤔
How could we omit that universal reset of margin and padding?
Any other idea we could implement?
(Rails 7.0.3)
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.