iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: https://kitian616.github.io/jekyll-TeXt-theme/docs/en/additional-styles
Additional styles - TeXt Theme

Additional styles

 

Jekyll use kramdown as the default markdown processor. kramdown can adding attributes to block and span-level elements thgird-containre ALDs1 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

Class Names
success
info
warning
error

Success Text.

Info Text.

Warning Text.

Error Text.

markdown:

Success Text.
{:.success}
Info Text.
{:.info}
Warning Text.
{:.warning}
Error Text.
{:.error}

Tag

Class Names
success
info
warning
error

success

info

warning

error

markdown:

`success`{:.success}
`info`{:.info}
`warning`{:.warning}
`error`{:.error}

Image

Class Names
border
shadow
rounded
circle

Border

Image

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

Shadow

Image

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

Rounded

Image

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

Circle

Image

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

Mixture

Image

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

Image

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

Image

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