שגיאת בודק אוטומטי ב-CSS

השתמשתי בגרדיאנט בפרויקט שלי עבור צבע רקע

background: linear-gradient(180deg, var(--blue) 0%, var(--pink) 100%);

(יש בנוסף גם fallback לדפדפנים שלא תומכים בגרדיאנטים)

ה-CSS הזה כמובן עובד בפועל, אבל הבודק האוטומטי שם לי שגיאה

CSS: “background”: “100%” is not a “color-stop” value.

ניסיתי גם לעשות עוד כמה ואריאציות לאותו קוד שהסתיימו בשגיאות שונות:

background: linear-gradient(180deg, var(--blue), var(--pink));

CSS: “background”: too few values for the property “linear-gradient”.

וגם:

background: linear-gradient(var(--pink), var(--blue));

CSS: “background”: Cannot invoke “org.w3c.css.values.CssValue.getType()” because “” is null.

כל הגרסאות נבדקו בכרום ועובדות.
אני תוהה אם זה קורה בגלל שהשתמשתי במשתני CSS (ולמרות שאני משתמשת בהם גם בעוד מקומות ולא מקבלת עליהם שגיאות).
כמובן שהגרדיאנט הזה לא באמת קריטי והוא נטו עיצובי, אבל חבל לי למחוק אותו. יש מה לעשות לגבי זה?

חשוב לי לפתוח בזה שדפדפנים הם בד"כ סופר סלחנים ומנסים לעשות לופים באוויר כדי שדברים יעבדו, אז זה לא ערובה :slight_smile:

מעניין. אני חושב שלא, אם כן זה באג ב־linter שאנחנו משתמשים בו.

ברור שאם יהיה צורך פשוט נוותר על ההערה האוטומטית ולא על הגרדיאנט


לפי גיגול, זה באמת נגרם בגלל משתני ה־CSS, כך שאת יכולה להתעלם מההערה.

לייק 1