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

Framework for writing really abstract CSS in Stylus

---
---

## Ссылки

    kind: link

Это стандартный тип для ссылок. По умолчанию такие ссылки подчёркиваются и окрашены в синий, а по наведению становятся красными. Всё это можно очень гибко настроить.

### Подчёркивание

Чтобы убрать подчёркивание у ссылки, достаточно передать пустой модификатор `_underline`:

    kind: link (_underline '')

Если нужно подчёркивать ссылку не всё время, а только по наведению, достаточно добавить селектор к модификатору:

    kind: link (_underline '&:hover')

### Ховер

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

    kind: link (_hover '')

### Смена цвета

Чтобы сменить цвет ссылки достаточно передать цвет параметром:

    kind: link #22C

Это сменит только цвет ненаведённой ссылки, так что если захочется сменить цвет ссылки по ховеру, нужно передать соответствующий цвет в соответствующий модификатор (не забыв указать селектор):

    kind: link #22C (_hover '&:hover' #D00) 

### Псевдо-ссылка

Чтобы сделать псевдо-ссылку, достаточно применить модификатор `_pseudo`:

    kind: link _pseudo

### Сложные ссылки

Часто может возникнуть необходимость применить подчёркивание только ко внутреннему элементу, чтобы оставить без подчёркивания какие-либо внешние символы или не делать подчёркивание между текстом ссылки и иконкой. Для этого достаточно применить соответствующие параметры подчёркивания или псевдоссылки для соответствующего элемента:

    kind: link (_underline '&-inner')

    kind: link (_pseudo '&-inner')