Применяйте различные стили для ссылок на вашем сайте.
Приглушенные ссылки - muted
Раздел Основы UIkit определяет цвет ссылок по умолчанию.
Если вы хотите задать ссылке приглушенный стиль, добавьте класс .uk-link-muted
.
Вы также можете добавить класс к родительскому элементу, и он будет применяться ко всему.
<a class="uk-link-muted" href=""></a>
- Ссылка
Любое человеческое знание начинается с интуиции, переходит к понятиям и завершается идеями.
<a class="uk-link-muted" href="#">Ссылка</a> <p class="uk-link-muted">Любое человеческое знание начинается с <a href="#">интуиции</a>, переходит к понятиям и завершается <a href="#">идеями</a>.</p>
Инлайновые ссылки
Чтобы сделать ссылку похожей на основной текст и применить эффект наведения, добавьте класс .uk-link-text
к элементу <a>
.
Вы также можете добавить класс к родительскому элементу, и он будет применен ко всем элементам <a>
внутри него. Это очень удобно.
<a class="uk-link-text" href=""></a>
<ul class="uk-list uk-link-text"> <li><a href="#">Ссылка</a></li> <li><a href="#">Ссылка</a></li> <li><a href="#">Ссылка</a></li> </ul>
Ссылки-заголовки
Стиль заголовка к ссылке можно применить с помощью класса .uk-link-heading
.
<h3><a class="uk-link-heading" href=""></a></h3>
Сброс стилей
Если вам нужно, чтобы ссылка наследовала цвет от родительского элемента, добавьте класс .uk-link-reset
. Это отменит и поведение hover.
Класс полезен для ссылок, находящихся внутри заголовков.
Аналогично предыдущим вариантам, этот класс может быть добавлен к родительскому элементу, и сброс стилей затронет все дочерние <a>
.