Robert Olechowskinotatnik techniczny

Jak kontrolować styl css elementów z poziomu Kramdown

Generując kontent z formatu Kramdown, często potrzebujemy dodać nowe klasy lub style do elementów w html. Możemy to łatwo zrobić.

### Nagłówek_1
{:style="color: blue;" class="head"}

### Nagłówek_2
{:class="red"}

* element_1
* element_2
* element_3
{:style="margin-bottom: 25px;"}

<h3 style="color: blue;" class="head" id="nagwek1">Nagłówek_1</h3>

<h3 class="red" id="nagwek2">Nagłówek_2</h3>

<ul style="margin-bottom: 25px;">
  <li>element_1</li>
  <li>element_2</li>
  <li>element_3</li>
</ul>

Opcje przed elementem

Jeśli mamy do czynienia ze standardowym akapitem (znacznikiem <P>), atrybutów nie dodamy po nim, dlatego musimy je umieścić przed nim. Ważne jest, aby zachować pustą linię, która oddzieli poprzedni tag.

### Nagłówek_1
{:style="color: blue;" class="head"}

{:style="margin-top: 25px;"}
treść treść treść

<h3 style="color: blue;" class="head" id="nagwek1">Nagłówek_1</h3>

<p style="margin-top: 25px;">treść treść treść</p>