Additional styles

Jekyll use kramdown as the default markdown processor. kramdown can adding attributes to block and span-level elements thgird-containre ALDs¹ feature. with the help of ALDs, we can defined class names to an element by {:.class-name1.class-name-2}.

TeXt offer some CSS classes that you can use in the post. You can refer to THIS POST.

Alert

Success Text.

Info Text.

Warning Text.

Error Text.

markdown:

Success Text.
{:.success}

Info Text.
{:.info}

Warning Text.
{:.warning}

Error Text.
{:.error}

Tag

success

info

warning

error

markdown:

`success`{:.success}

`info`{:.info}

`warning`{:.warning}

`error`{:.error}

Image

Border

![Image](path-to-image){:.border}

Shadow

![Image](path-to-image){:.shadow}

Rounded

![Image](path-to-image){:.rounded}

Circle

![Image](path-to-image){:.circle}

Mixture

![Image](path-to-image){:.border.rounded}

![Image](path-to-image){:.circle.shadow}

![Image](path-to-image){:.circle.border.shadow}