Добавить класс CSS в список определений в kramdown - PullRequest
Новая
       36

Добавить класс CSS в список определений в kramdown

0 голосов
/ 12 апреля 2020

Как добавить класс CSS в список определений, сгенерированный kramdown? Как пример HTML ниже.
Для фона, я хочу сделать это, чтобы стилизовать его с bootstrap s dl-горизонтальный класс. 

<dl class="my-stylish-class">
    <dt>Term</dt>
    <dd>Definition</dd>
</dl>

Я попробовал следующее, но независимо от того, куда я положил {: .my-stylish-class}, класс всегда привязывается к определению или определению, а не к самому списку. 

{: .my-stylish-class}
1. Term
: Definition

Я видел пост Списки определений в kramdown , но здесь говорится о добавлении класса к элементу определения <dd>, а не самого списка <dl>.

1 Ответ

0 голосов
/ 12 апреля 2020

Обнаружил решение, которое работало на меня после публикации. Помещение класса в конец списка присоединит его к самому списку (или окружающему контейнеру). 

1. Term
: Definition

2. Another Term
: Another definition
{: .my-stylish-class}

Результатом будет либо: 

<dl class="my-stylish-class">
    <dt>Term</dt>
    <dd>Definition</dd>
    <dt>Another Term</dt>
    <dd>Another definition</dd>
</dl>

, либо 

<ol class="my-stylish-class">
    <li>
        <dl>
            <dt>Term</dt>
            <dd>Definition</dd>
        </dl>
    </li>
    <li>
        <dl>
            <dt>Another Term</dt>
            <dd>Another definition</dd>
        </dl>

    </li>
</ol>

Первый образец был сгенерирован kramdown в jekyll , тогда как второй образец был сгенерирован онлайн-сервисом генерации kramdown . Я не знаю, почему существует разница между сгенерированными HTML из двух; возможно, это разные версии kramdown или указанные c настройки в моем вкусе jekyll.

...