abe33/atom-pigments

CSS variables not being evaluated/highlighting

Open

#462 geöffnet am 30. Nov. 2020

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)CoffeeScript (70 Forks)batch import
bughelp wanted

Repository-Metriken

Stars
 (528 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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)

Contributor Guide

Research-Richtung
Das Problem meldet, dass Pigments CSS Variablendefinitionen hervorhebt, aber nicht deren Verwendung in SVG und HTML Dateien. Um dies zu beheben, untersuchen Sie den Pigments Quellcode, wahrscheinlich im Parser oder Scanner, der Farbmuster identifiziert. Prüfen Sie, wie CSS Variablendeklarationen (z.B. var: color) abgeglichen und gespeichert werden und ob auch Variablenreferenzen (z.B. var( var)) geparst werden. Die Regex oder die Parsing Logik muss möglicherweise erweitert werden, um Variablenreferenzen auf ihre zugrunde liegenden Farbwerte aufzulösen. Betrachten Sie die Datei `lib/pigments.js` oder ähnliche Parser Dateien. Überprüfen Sie auch, ob es bereits vorhandene Tests für die CSS Variablenunterstützung gibt.
Tech Stack
javascriptcss
Domain
frontenddeveloper experience
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Veraltet
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
CSS variablesAtom package development
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
30