Типографика Berry CSS

Заголовок H1

Заголовок H2

Заголовок H3

Заголовок H4

Заголовок H5

Заголовок H6

<h1>Заголовок H1</h1>
<h2>Заголовок H2</h2>
<h3>Заголовок H3</h3>
<h4>Заголовок H4</h4>
<h5>Заголовок H5</h5>
<h6>Заголовок H6</h6>

Home Berry CSS

Home Berry CSS

<a class="icon-arrow-left" href="">Home</a> <a class="icon-arrow-right" href="">Berry CSS</a>
<a class="icon-angle-left" href="">Home</a> <a class="icon-angle-right" href="">Berry CSS</a>

Lorem ipsum dolor sit amet mark mark mark adipisicing elit. Commodi i i i i i i optio id, b b b b b b b fugiat modi necessitatibus link link link adipisci impedit quasi, earum var var var enim sed laboriosam, s s s s s s ipsa voluptates odit code code code nostrum fugit. cumque nulla kbd kbd kbd samp samp samp excepturi u u u u u u quos!

pre pre pre pre pre pre pre pre pre pre pre
pre pre pre pre pre pre pre pre pre pre pre

• .t-overline
• .t-strike
• .t-underline
• .t-underline .t-decoration-double
• .t-underline .t-decoration-wavy
• .t-underline .t-decoration-dashed
• .t-underline .t-decoration-dotted
• .t-underline .t-t-underline-offset8px

blockquote blockquote blockquote blockquote link link link blockquote blockquote blockquote blockquote blockquote

.t-rtl

Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit.

Lorem ipsum dolor sit amet t-writing-vlr .t-writing-vlr adipisicing t-writing-vrl .t-writing-vrl. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit.

Berry p.drop-cap ommodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Lorem ipsum dolor sit amet. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit.

t-bold100 Sample Text

t-bold200 Sample Text

t-bold300 Sample Text

t-bold400 t-bold-normal Sample Text

t-bold500 Sample Text

t-bold600 Sample Text

t-bold700 t-bold Sample Text

t-bold800 Sample Text

t-bold900 Sample Text

• t-small-caps ↝ font-variant: small-caps
• t-capitalize ↝ text-transform: capitalize
• t-upper ↝ text-transform: uppercase
• t-lower ↝ text-transform: lowercase

t-small-caps Sample Text

t-capitalize Sample Text

t-upper Sample Text

t-lower Sample Text

<hr>
<hr class="dashed">
<hr class="dotted">
<hr class="double">

<img class="circle" src="nature.webp" width="200">
<img class="thumbnail" src="nature.webp" width="200">

<img class="center" src="nature.webp" width="200">

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

<img class="left" src="nature.webp" width="100">
<img class="right" src="nature.webp" width="100">Текст текст текст ...

✿ ❀ ❁

<span class="t200 bg-green700 t-white icon-circle">✿</span>
<span class="t200 bg-red700 t-white icon-square">❀</span>
<span class="t200 bg-blue700 t-white icon-rounded">❁</span>