Можно ли передать переменные в CSS файл в Django - PullRequest
Новая
       5

Можно ли передать переменные в CSS файл в Django

0 голосов
/ 21 июня 2020

Мне было интересно, можно ли передать переменную из представления Django в файл CSS? Там в любом случае? Я следил за некоторыми руководствами по дизайну внешнего интерфейса и задавался вопросом, можно ли его динамически построить в Django? 

.card:nth-child(1) svg circle:nth-child(2){
  stroke-dashoffset: calc(440 - (440 * 90) / 100);
  stroke: #00ff43;
}

.card:nth-child(2) svg circle:nth-child(2){
  stroke-dashoffset: calc(440 - (440 * 80) / 100);
  stroke: #00a1ff;
}

.card:nth-child(3) svg circle:nth-child(2){
  stroke-dashoffset: calc(440 - (440 * 60) / 100);
  stroke: #ff04f7;
}

stroke-dashoffset: calc(440 - (440 * {{ var }}) / 100);

, могу ли я передать эти переменные из представления в эту переменную в CSS ? эта часть кода дает 90, 80 и 60% соответственно. введите описание изображения здесь

1 Ответ

0 голосов
/ 21 июня 2020

Вы можете передать свою переменную в себе css, если css находится в вашем <head>, например: 

<head>
  <style>
  .card:nth-child(1) svg circle:nth-child(2){
    stroke-dashoffset: calc(440 - (440 * {{ var }}) / 100);
    stroke: #00ff43;
  }
  </style>
</head>

Но вы не можете передать его напрямую во внешний css файл .

В данном случае у вас есть база . html: 

<head>
  {% bloc extra_style %}
  {% endblock %}
</head>

А в вашем шаблоне: 

  {% bloc extra_style %}
  <style>
  .card:nth-child(1) svg circle:nth-child(2){
    stroke-dashoffset: calc(440 - (440 * {{ var }}) / 100);
    stroke: #00ff43;
  }
  </style>
  {% endblock %}
...