abe33/atom-pigments

CSS variables not being evaluated/highlighting

Open

#462 aperta il 30 nov 2020

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)CoffeeScript (70 fork)batch import
bughelp wanted

Metriche repository

Star
 (528 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

I use Pigments in SVG files, and while the colors are highlighted in CSS variable declarations, they are not highlighted when the variable is used: svg

I checked to see if it was just a problem with inline properties, or just SVG, but it also occurs in HTML: html

When I run Pigments: Reload on an open project I get the following:

Found:

90 path(s)
0 variables(s) including 0 color(s)

(there are a whole lot of color variables in this project)

From having a look through the issues, it seems that this is working for most other people - is there a setting that I should check on? I think I still have mostly the defaults though.

Pigments version: 0.40.6 Atom version: 1.53.0 OS: elementary OS 5.17 (Built on Ubuntu 18.04.4 LTS)

Guida contributor

Direzione di ricerca
Il problema segnala che Pigments evidenzia le definizioni delle variabili CSS ma non il loro utilizzo nei file SVG e HTML. Per risolvere il problema, indaga nel codice sorgente di Pigments, probabilmente nel parser o nello scanner che identifica i pattern di colore. Esamina come le dichiarazioni delle variabili CSS (ad es. var: color) vengono abbinate e memorizzate, e se anche i riferimenti alle variabili (ad es. var( var)) vengono analizzati. Potrebbe essere necessario estendere la regex o la logica di analisi per risolvere i riferimenti alle variabili nei loro valori di colore sottostanti. Considera di esaminare il file `lib/pigments.js` o file parser simili. Controlla anche se esistono test esistenti per il supporto delle variabili CSS.
Tech stack
javascriptcss
Dominio
frontenddeveloper experience
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
CSS variablesAtom package development
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
30