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

Framework for writing really abstract CSS in Stylus

---
---

## Иконка

    kind: icon

Этот тип используется для иконок и подобных сущностей. Он наследует стили от блочного типа с инлайновым параметром, а также задаёт небольшой сдвиг вверх для компенсации визаульного расположения иконок бок о бок с текстом.

### Параметр размера

Если нужно задать иконке явный размер, можно передать именованный параметр `size`, где первое число — ширина иконки, второе — высота.

    kind: icon (size 16px 18px)

Если передать одно число, оно будет использованно и для ширины, и для высоты.

    kind: icon (size 16px)

### Параметр изображения

_(нужно сделать вариант с сущностью `url()`, иначе оно не будет работать там, где нужен резолвер)_

Опционально можно передать параметром строку. В этом случае строка будет использованна как `url()` для изображения.

    kind: icon 'send.png'

По умолчанию изображение не повторяется и выравнивается по центу иконки.

#### Автоопределение размеров иконки

По умолчанию, если не были переданны размеры иконки, но был передан адрес изображения, иконка получит размеры по размерам изображения, если оно будет найдено в файловой системе. Для отключения этого поведения можно использовать параметр `sizeless`:

    kind: icon 'send.png' sizeless


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

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

    kind: icon baseline
    
    kind: icon middle

    kind: icon bottom

### Замена изображений

Иногда может возникнуть необходимость заменить изображение, заданное `<img src="…"/>` на другое, в этом случае, помимо размеров, можно передать и параметр `replace-image`, с помощью которого оригинальное изображение скроется, а размеры нового изображения будут заданы паддингами.