stylobate/lib/kinds/block/kind-block.ru.md

Framework for writing really abstract CSS in Stylus

---
---

## Блок

    kind: block

Стандартный тип для любого обычного блока. Делает элемент блочным, кроме того добавляет ему явное позиционирование.

### Модификация позиционирования

По умолчанию `kind-block` имеет относительное позиционирование. В редких случаях может возникнуть необходимость в статичном позиционировании, и в этом случае важно его задавать явно, для этого есть модификатор `static`:

    kind: block static

### Инлайн-блоки

По умолчанию `kind-block` имеет `display: block`, в случае, если этот блок нужен в инлайновом контексте, необходимо применять модификатор `inline`:

    kind: block inline

Это даст `display: inline-block` и вертикальное выравнивание по умолчанию

#### Вертикальное выравнивание инлайн-блоков

По умолчанию инлайновые блоки имеют `vertical-align: top`, если хочется это поменять, можно передать соответствующий параметр:

    kind: block inline baseline
    
    kind: block inline middle

    kind: block inline bottom