问题[jade]

按钮有这样的mixin

- var blocks={};

mixin set(key)
  - blocks[key] = this.block

mixin A(buttonClass, buttonText, disabled)
  button.button(class= buttonClass, disabled= disabled)
    span
      if block
        block
        - blocks.left()
        | #{buttonText}
        - blocks.right()
      else
        | #{buttonText}

+A("button_small button_filled", "Кнопка", false)
  +set('left')
    p l
  +set('right')
    p r

这个 mixin 有效，但效果不如我想的那么好。我不知道如何解决它。

这个想法是 set('left') 用于插入按钮，左侧的图标。+set('right') - 右边的图标

如果我写 +set('left') 和 +set('right') 作为例子，那么一切都好。但如果我写一件事，那就是一个错误。

https://codepen.io/inkshio/pen/YBVOMK

大家好，这是问题。如何正确地从父类继承一个类，如Sass：

.b1_form .b1_form-title Заголовок

为了不在第二个类中编写父类，而是类似的东西&-title（如在 CSS 预处理器中）？

开始使用pugin Webstorm，发现括号和引号没有自动关闭。非常不舒服。例如，当我输入通常的html "or(或{时，它们都会自动关闭。由于.pug某种原因，这不会发生在文件中。请告诉我，如何解决这个问题？这是错误还是功能？

你好！
我有一个mixin，在某些地方，在链接中，我需要将它添加到id中，我如何通过变量和条件来完成？

mixin product-slider-item(title, image, text, new1, finger)
+e.item(class!=attributes.class)
    +e('a').link(href='javascript:void(0);' title='#{title}' class!=attributes.class)
        if new1 == true
            +all-icons('--catalog-novinka --catalog', '--catalog', true)
        if finger == true
            +all-icons('--sticker --catalog-sticker', '--catalog', true)
        +e.image-wrap(class!=attributes.class)
            +e('img').image(src="#{image}" alt="" class!=attributes.class)
        +e.info(class!=attributes.class)
            +e.title #{title}
            +e.text
                span #{text}
            +e.more-link(class!=attributes.class)
                span ПОДРОБНЕЕ

必须
在第一种情况下 获得输出

<a href="javascript:void(0);" title="U5011" **data-id="1"** class="b-product-slider__link b-product-slider__link--catalog"></a>

在第二种情况下

<a href="javascript:void(0);" title="U5011" class="b-product-slider__link b-product-slider__link--catalog"></a>

最近开始学习预处理器。遇到了一个问题：当从 编译时.jade，.html代码被缩小了。这对学习不利。如何禁用缩小？最好用手指解释。
PS：我正在使用内置的 Watcher 在 PHPStorm 中编写代码。