Как добавить класс к extend block в jade?

Question

[andreyka_g]

Всем привет! У меня есть 2 страницы - parent.jade:

div.about
	block about

И child.jade:

extends parent
block about

Как в child.jade я могу добавить класс к блоку about?
На выходе html файл должен быть таким, например:
<div class="about about--red"></div>

Answer 1

[frontender]

так не получится.
Надо в parent.jade div.about поместить в block about, тогда в child.jade можно написать:

block about
  div.about.about--red

Comments

[andreyka_g]

хмм... жаль. тогда как быть в такой ситуации - есть блок на двух страницах, он абсолютно одинаков по структуре, но имеет разную цветовую схему, изначально у него класс about, далее добавляются модфикатор about--red/blue (в зависимости от страницы). копипастить как в обычном html?

[frontender]

ну в итоге же все равно разные страницы будут с одинаковым html. Так что не заморачивайтесь и делайте копипаст)
по крайней мере я сразу сказать не смогу, что можно еще сделать. Может кто по умнее подскажет ;)

[andreyka_g]

frontender: ну они то будут, но по идее главное достоинство jade в том чтобы не переписывать код на всех страницах, допустим если в about нужно что-то поменять

Answer 2

[Sergej]

Не совсем понял, причем тут jade и классы?

.about.about--red
# <div class="about about--red"></div>

Comments

[andreyka_g]

с помощью extend в child.jade я добавляю block about (который состоит в parent.jade), мне нужно блоку about добавить класс c модификатором.