Как вставить экранированный код scss в Jade

Question

Я использую Prepros для компиляции шаблонов * .jade.

Текущий Джейд код:

pre 
    code.hljs 
    .ui-button { 
     @include button; 
     &.xs {@include button-size(xs);} 
     &.sm {@include button-size(sm);} 
     &.md {@include button-size(md);} 
     &.lg {@include button-size(lg);} 
     &.xl {@include button-size(xl);} 
     &.xxl {@include button-size(xxl);} 
    } 

Ожидаемый результат:

<pre> 
    <code class="hljs"> 
.ui-button { 
    @include button; 
    &amp;.xs {@include button-size(xs);} 
    &amp;.sm {@include button-size(sm);} 
    &amp;.md {@include button-size(md);} 
    &amp;.lg {@include button-size(lg);} 
    &amp;.xl {@include button-size(xl);} 
    &amp;.xxl {@include button-size(xxl);} 
} 
    </code> 
</pre> 

Answer 1

Ответ:

Код маскирование не требуется в случае кода CSS.

pre 
    code.hljs 
    | .ui-button { 
    | @include button; 
    | &.xs {@include button-size(xs);} 
    | &.sm {@include button-size(sm);} 
    | &.md {@include button-size(md);} 
    | &.lg {@include button-size(lg);} 
    | &.xl {@include button-size(xl);} 
    | &.xxl {@include button-size(xxl);} 
    | }