Я пытаюсь отобразить панель, показывающую, какая сторона набрала количество голосов при Laravel. Я получаю данные о своих результатах из бэкэнда так:
[
'home' => 10,
'draw' => 20,
'away' => 30
]
И я отображаю их в блейде вот так:
<div class="widget-match-predictor__bar-part--results"
style="height: 10px; width: 100%; background-image: linear-gradient(to right, red 0, red {{ $votes->home }}%, grey {{ $votes->home }}%, grey {{ $votes->home + $votes->draw }}%, green {{ $votes->home + $votes->draw }}%, green {{ $votes->draw + $votes->away }}%)"
></div>
На самом деле это работает. Но проблема в этом. У меня есть переменные для цветов, объявленные в resources / assets / sass / _variables.sass, и я хочу использовать эти цвета вместо тех, которые я только что использовал в приведенном выше примере.
Я думал, может быть Я могу передать результаты голосования в этот файл sass или наоборот, передав цветовые переменные в файл blade. php. Я много искал, но ничего не смог найти. Или, может быть, есть способ разделить этот элемент линейного градиента на 2 части, одну для определения размера и одну для окрашивания. Есть ли идея? Я был бы признателен за любое предложение? Спасибо.