# text

В основе любого интерфейса лежит типографика. В вебе у текстовых блоков есть много разных свойств, влияющих на отображение.

Для манипуляции всеми этими свойствами у нас есть блок `text`. С его помощью каждый текстовый блок можно обернуть и применять модификаторы.

Кегль, межстрочное расстояние и цвет текста, задаются через переменные, которые описываются в Теме.

Для простого манипулирования уровнями иерархии для инфо-страниц в блоке `text` есть модификаторы `type`.

```html
<div class="text text_size_3xl text_view_secondary text_weight_bold">Some nice text</div>
```

## Живые примеры и дизайн

[text на whitepaper.tools](http://whitepaper.tools/doc.html#/content-text)


## Модификаторы блока

Модификатор   | Значение                                   | Описание
------------- | -------------------------------------------| ------------------------------------
`align`       | `center` `left` `right`                    | Горизонтальное выравнивание текста
`decoration`  | `underline`                                | Подчеркивание
`display`     | `block` `inline-block` `inline`            | Способ отображения блока на странице
`size`        | `xs` `s` `m` `l` `xl` `2xl` `3xl` `4xl`    | Размер
`line-height` | `xs` `s` `m` `l`                           | Межстрочное расстояние
`spacing`     | `xs` `s` `m`                               | Межбуквенное расстояние
`style`       | `italic`                                   | Курсив
`transform`   | `uppercase`                                | Верхний регистр
`type`        | `h1` `h2` `h3` `p` `blockquote`            | Стиль текста
`view`        | `alert` `brand` `disable` `ghost` `link-minor` `link` `primary` `promo` `secondary` `success` `warning` | Цвет
`weight`      | `black` `bold` `semibold` `regular` `light` `thin` | Жирность шрифта
`font`        | `sans` `serif` `mono`                      | Начертание шрифта