Ссылки

Применяйте различные стили для ссылок на вашем сайте.

Приглушенные ссылки - 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>
  • Ссылка

  • <h3><a class="uk-link-heading" href="">Ссылка</a></h3>

Сброс стилей

Если вам нужно, чтобы ссылка наследовала цвет от родительского элемента, добавьте класс .uk-link-reset. Это отменит и поведение hover.

Класс полезен для ссылок, находящихся внутри заголовков. Аналогично предыдущим вариантам, этот класс может быть добавлен к родительскому элементу, и сброс стилей затронет все дочерние <a>.