Contrast

Улучшение внешнего вида элементов при размещении их на цветном фоне или изображениях.

Применение

Чтобы использовать этот компонент, добавьте класс .uk-contrast в основной контейнер или к элементу, цвет которого вы хотите изменить. Текст, Кнопки, Nav side из компонента Nav, Subnav line и Subnav pill из компонента Subnav, Иконки, формы из компонента Form, а также списки из компонента List автоматически изменят внешний вид.

Это может быть очень удобно при размещении контента внутри цветных блоков из компонента Block или же поверх изображений.

Пример

Текст

Проснувшись утром после прекрасного сна, Грегор обнаружил, у себя в..

Форма

Кнопка

Иконка

Разметка

<div class="uk-contrast">
    ...
</div>