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

Framework for writing really abstract CSS in Stylus

---
---

## Заполнение

    kind: fill

Тип для расположения элемента поверх другого элемента, используя абсолютное позиционирование.

### Параметры сторон

Этот тип может принимать до четырёх численных параметров (как `padding` или `margin`), задающих соответствующие отступы по сторонам (свойства `top`, `right`, `bottom` и `left`):

    kind: fill 10px 20px 30px 40px

Аналогично свойствам вроде `padding` можно использовать шорткаты для задания одинаковых значений разным сторонам:

    kind: fill 10px 20px

Естественно, допустимо использовать и отрицательные значения:

    kind: fill -1px

### Параметр фона

Опционально можно передать параметром цвет или строку. В случае цвета это значение станет цветом фона элемента:

    kind fill red

Cтрока обрамится в `url()` и получит некоторые дефолтные стили фона:

    kind fill 'pattern.png'

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

Цвет и изображение можно совмещать:

    kind fill -1px rgba(0,0,0, 0.5) 'pattern.png'

#### Параметры повторения фона

Изначально переданное изображение не будет повторяться (`no-repeat`), для изменения этого можно передать параметром соответствующее значение повторения фона:

    kind fill 'pattern.png' repeat

    kind fill 'pattern.png' repeat-x
    
    kind fill 'pattern.png' repeat-y