对比度/Contrast

当元素被放置在有色背景或图片上时,使用对比度组件增强元素的外观。

用法

要使用这个组件的话,只需要为容器或者你想要调整其色彩的元素添加 .uk-contrast 类。文本,按钮Nav component 中的侧边导航(Nav Side), 子导航组件的分隔线和胶囊效果,图标表单组件中的默认表单,以及列表组件中的列表线都会自动改变它们的外观。

当内容被放置在块组件中或者放置在图片上时,对比度组件将带来很大的方便。

Example

Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Form

Button

Icon

Subnav

Markup

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