Size: a a a

Django [ru] #STAY HOME

2020 May 27

S

Stanley in Django [ru] #STAY HOME
Kirill Sosnovskii
У меня есть определение переменных css  
--ang: 45deg;
--count: 3;
Они используются ниже в css теге, типа var(...)
Куда их определение лучше всего засунуть в шаблоне html? Определение этих переменных может находиться в том же css теге?
Как лучше сделать - подставлять {{ colour_from_context }} в определение переменной (—ang: {{ }}deg), или сразу подставлять в css (так можно?), например:
background-image: linear-gradient({{ ...}}deg, {{ colour1 }}, {{ colour2 }});
ты передаешь данные с бэка прям в css?
источник

KS

Kirill Sosnovskii in Django [ru] #STAY HOME
Stanley
ты передаешь данные с бэка прям в css?
мне нужно сделать динамический css из бэка, да. У меня есть готовый css:
background-image: linear-gradient(var(--ang), var(--color-one), var(--color-two));
куда мне лучше всего засунуть определение ang, colour, чтобы использовать из контекста?
источник

AD

Alex Dem in Django [ru] #STAY HOME
Kirill Sosnovskii
У меня есть определение переменных css  
--ang: 45deg;
--count: 3;
Они используются ниже в css теге, типа var(...)
Куда их определение лучше всего засунуть в шаблоне html? Определение этих переменных может находиться в том же css теге?
Как лучше сделать - подставлять {{ colour_from_context }} в определение переменной (—ang: {{ }}deg), или сразу подставлять в css (так можно?), например:
background-image: linear-gradient({{ ...}}deg, {{ colour1 }}, {{ colour2 }});
тут пахнет ангуляром или чем-то подобным
источник

S

Stanley in Django [ru] #STAY HOME
Kirill Sosnovskii
мне нужно сделать динамический css из бэка, да. У меня есть готовый css:
background-image: linear-gradient(var(--ang), var(--color-one), var(--color-two));
куда мне лучше всего засунуть определение ang, colour, чтобы использовать из контекста?
css надо управлять с помощью javascript
источник

AD

Alex Dem in Django [ru] #STAY HOME
Stanley
css надо управлять с помощью javascript
+
источник

KS

Kirill Sosnovskii in Django [ru] #STAY HOME
Stanley
css надо управлять с помощью javascript
Данные для css находятся в моделях и меняются из админки
источник

tn

tot samiy neizvestni... in Django [ru] #STAY HOME
Kirill Sosnovskii
У меня есть определение переменных css  
--ang: 45deg;
--count: 3;
Они используются ниже в css теге, типа var(...)
Куда их определение лучше всего засунуть в шаблоне html? Определение этих переменных может находиться в том же css теге?
Как лучше сделать - подставлять {{ colour_from_context }} в определение переменной (—ang: {{ }}deg), или сразу подставлять в css (так можно?), например:
background-image: linear-gradient({{ ...}}deg, {{ colour1 }}, {{ colour2 }});
Сразу в css нельзя. Только в хтмл.
источник

S

Stanley in Django [ru] #STAY HOME
Kirill Sosnovskii
Данные для css находятся в моделях и меняются из админки
по апи(ajax) отправляешь данные в script и отрисовываешь с помощью js
источник

KS

Kirill Sosnovskii in Django [ru] #STAY HOME
tot samiy neizvestniy
Сразу в css нельзя. Только в хтмл.
этот css находится в теге style в нужном хтмле. Не так выразился
источник

tn

tot samiy neizvestni... in Django [ru] #STAY HOME
Kirill Sosnovskii
этот css находится в теге style в нужном хтмле. Не так выразился
Тогда не вижу проблемы туда выводить.
источник

AD

Alex Dem in Django [ru] #STAY HOME
Kirill Sosnovskii
Данные для css находятся в моделях и меняются из админки
нет разницы
angular, vue, 99% react умеют динамический ccs
и даже javascript/jquery может, это проще, но будет каша скорее всего
источник

AD

Alex Dem in Django [ru] #STAY HOME
tot samiy neizvestniy
Тогда не вижу проблемы туда выводить.
проблемы начнутся при отделении статики :)
источник

S

Stanley in Django [ru] #STAY HOME
Alex Dem
проблемы начнутся при отделении статики :)
ее не получится отделить в таком случае
источник

AD

Alex Dem in Django [ru] #STAY HOME
ну вот я о том же..
источник

tn

tot samiy neizvestni... in Django [ru] #STAY HOME
Alex Dem
проблемы начнутся при отделении статики :)
У нас на проде стили в админке задавались. Особых проблем не было
источник

tn

tot samiy neizvestni... in Django [ru] #STAY HOME
Для каждой статьи свои стили писались
источник

KS

Kirill Sosnovskii in Django [ru] #STAY HOME
tot samiy neizvestniy
Тогда не вижу проблемы туда выводить.
Ладно, еще раз)
У меня есть в нужном шаблоне тег style  с нужным стилем, внутри него вот это:
   #news-block .top:after {
       background-image: linear-gradient(var(--ang),var(--color-one),var(--color-two));
   }
Куда лучше всего засунуть опредление этих трёх переменных, чтобы использовать данные из контекста?
источник

S

Stanley in Django [ru] #STAY HOME
Kirill Sosnovskii
Ладно, еще раз)
У меня есть в нужном шаблоне тег style  с нужным стилем, внутри него вот это:
   #news-block .top:after {
       background-image: linear-gradient(var(--ang),var(--color-one),var(--color-two));
   }
Куда лучше всего засунуть опредление этих трёх переменных, чтобы использовать данные из контекста?
подготовь тогда несколько классов со стилями и менях их с бэка
источник

AD

Alex Dem in Django [ru] #STAY HOME
Kirill Sosnovskii
Ладно, еще раз)
У меня есть в нужном шаблоне тег style  с нужным стилем, внутри него вот это:
   #news-block .top:after {
       background-image: linear-gradient(var(--ang),var(--color-one),var(--color-two));
   }
Куда лучше всего засунуть опредление этих трёх переменных, чтобы использовать данные из контекста?
у тебя они где-то объявляются, эти переменные
это css файл? или ты в шаблоне прямо через style делаешь?
источник

AD

Alex Dem in Django [ru] #STAY HOME
Kirill Sosnovskii
Ладно, еще раз)
У меня есть в нужном шаблоне тег style  с нужным стилем, внутри него вот это:
   #news-block .top:after {
       background-image: linear-gradient(var(--ang),var(--color-one),var(--color-two));
   }
Куда лучше всего засунуть опредление этих трёх переменных, чтобы использовать данные из контекста?
Энивей, если ты хочешь, чтобы это так работало, то место где ты объявляешь эти переменные делай шаблоном и подключай в шаблоны где у тебя эти переменные должны работать
источник