gradints / gradints/tailwindcss-scrollbar
Support Tailwindcss v4
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 25
- Forks
- 0
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
Currently the plugin works out of the box with the new @plugin directive. 👍
@plugin '@gradin/tailwindcss-scrollbar';
But I can't find a way to customize the value of the plugin without the Tailwind config file.
Since v4 now recommends to not use config file anymore, I need to make it support the new @utility and CSS variables via @theme.
// WIP v4 config
@theme {
--scrollbar-size: 5px; // width or height, default '5px'
--scrollbar-track-background: lightgray; // default '#f1f1f1'
--scrollbar-thumb-background: var(--color-gray-400); // default '#c1c1c1'
--scrollbar-thumb-border-radius: 40px; // default '40px'
--scrollbar-thumb-hover-background: darkgray; // default '#a8a8a8'
--scrollbar-thumb-hover-border-radius: 40px; // default '40px'
/* Other CSS attribute needs to be added manually yourself */
::-webkit-scrollbar-track {
// add any css attributes here
}
::-webkit-scrollbar-thumb {
// add any css attributes here
}
::-webkit-scrollbar-thumb:hover {
// add any css attributes here
}
}
It's almost 2 years since I touch this code, I need to remember all the workflow to update and publish it to npmjs.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne damit, den vorhandenen Tailwind CSS plugin entry point sowie die in diesem Issue beschriebenen Anforderungen von Tailwind v4 an @plugin, @utility und @theme zu prüfen. Bestätige, wie das aktuelle Plugin konfiguriert und veröffentlicht wird, und definiere „done“ als Unterstützung der Anpassung ohne Konfigurationsdatei sowie als Dokumentation eines veröffentlichbaren npm-Workflows.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, tailwindcss
- Bereich
- frontend
- Issue-Typ
- Feature
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100