Почему не работают проценты в градиенте через переменную?

Question

[Елена]

С углом поворота работает, а с процентами нет

--p: 40%;
background: linear-gradient(var(--p), #235ad1, #23d1a8);

Comments

[RAX7]

Потому что нет такого синтаксиса с процентами у linear-gradient
https://developer.mozilla.org/en-US/docs/Web/CSS/g...
https://developer.mozilla.org/en-US/docs/Web/CSS/angle

[Елена]

RAX7, да работает с процентами из переменной, браузер глюканул

[RAX7]

Елена, чудеса прям

Answer 1

[Stanislav]

Вы так сделали?

:root {
--p: 40%;
}

Comments

[Елена]

и через root и через стили в html пробовала, не работает

[Stanislav]

Елена, а так?

:root {
  --p: 40%;
}

background: linear-gradient(to right, #235ad1 0%, #23d1a8 var(--p));

[Елена]

Stanislav, заработало, это глюк у браузера был

[Елена]

Stanislav, нашла ошибку)) to пропустила
linear-gradient(right)