ember-learn / ember-learn/ember-cli-addon-docs

Tailwind global style pollution

Offen
#295 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
172
Forks
142
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

I searched through the issues and noticed there was some work to prefix the Tailwind styles to avoid collisions, but it seems like there is still a global reset that is unprefixed. From my vendor.css:

![image](https://user-images.githubusercontent.com/707213/50729417-760be100-10f6-11e9-89d3-8abcd461b1e9.png)

I'm hoping to use addon-docs as a poor-mans styleguide among other things, and the differences between the consuming app and the addon docs due to these kinds of global styles makes that more difficult.

Unfortunately I don't have bandwidth at the moment to investigate a fix, but I'll try to circle back if I'm able.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit nachzuverfolgen, wie Tailwind-Styles in vendor.css gebündelt werden, und vergleiche die Regeln mit Präfix mit dem verbleibenden globalen Reset, der im Bericht gezeigt wird. Identifiziere die Quelle dieses Resets und verifiziere, dass die addon-docs-Styles die Elemente der consuming-app nicht mehr verändern, während das Tailwind-Styling weiterhin funktioniert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
tailwindcss
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.