השתמשתי בגרדיאנט בפרויקט שלי עבור צבע רקע
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 (ולמרות שאני משתמשת בהם גם בעוד מקומות ולא מקבלת עליהם שגיאות).
כמובן שהגרדיאנט הזה לא באמת קריטי והוא נטו עיצובי, אבל חבל לי למחוק אותו. יש מה לעשות לגבי זה?