twbs/icons

Feature request: CSS variables for icons

Open

#1760 aperta il 11 lug 2023

Vedi su GitHub
 (1 commento) (1 reazione) (0 assegnatari)JavaScript (1049 fork)batch import
docsenhancementhelp wanted

Metriche repository

Star
 (6955 star)
Metriche merge PR
 (Merge medio 2m) (1 PR mergiata in 30 g)

Descrizione

Using Bootstrap Icons from HTML means one can use nice readable names, whereas using them in CSS means authors have to deal with cryptic Unicode codes like \F4CA. It would be lovely if the CSS file also set CSS variables for all icons, so they can be also used with nice readable names like var(--bi-pencil-square).

Guida contributor

Direzione di ricerca
La richiesta propone di aggiungere proprietà CSS personalizzate per ogni icona Bootstrap per consentire l'uso come var( bi pencil square) invece delle sequenze di escape Unicode. L'attuale file CSS (bootstrap icons.css) definisce le icone tramite ::before con content. L'implementazione richiederebbe di estrarre i nomi delle icone e i loro valori Unicode dalla sorgente (ad esempio dai file di font o da uno script di mappatura) e generare le corrispondenti variabili CSS. Controlla gli script di build esistenti (ad esempio in package.json o strumenti correlati) per vedere come viene generato il CSS. La richiesta ha un commento; rivedilo per eventuali feedback o indicazioni dei maintainer.
Tech stack
css
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Basic CSSFamiliarity with Bootstrap Icons
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70