如何自定义

使用自定义工具创建您自己的样式。

UIkit 自带一个自定义工具，它使您只需点击几下即可调整正在使用的主题，而无需任何 CSS 知识。然后，您可以下载新的 CSS 甚至待定的 Less 变量，所有这些都已准备好使用。

注意 为了优化性能，我们建议禁用插件，例如 Firefox 中的 Web Developer 和 Firebug。

用法

从选择框中选择您要自定义的主题。单击颜色方块内部以打开对话框并更改颜色。要调整数值，例如宽度或边距，只需单击文本区域并键入您自己的值即可。您甚至可以使用不同的单位，自定义工具将自动重新计算。当您对调整感到满意后，点击“获取 CSS”下载新的主题并将其复制到您的 UIkit /css 文件夹中。

高级模式

自定义工具中的变量分为两个主要部分。首先，默认情况下显示的变量和仅在高级模式中显示的变量。可见变量通常是全局变量，因为它们通常定义组件变量的值。要查看组件变量，只需选中高级模式复选框即可。

更多

默认情况下，通过另一个变量定义值的变量是隐藏的。在高级模式下，您可以在包含这些类型变量的组旁边看到一个（更多）按钮。此选项非常强大，因为它使您可以为任何组件变量设置自己的值。

缩小 CSS

在下载主题之前选中缩小 CSS，以便 UIkit 从您的 CSS 中删除所有换行符和不必要的空格，从而大大减小其文件大小。

RTL

UIkit 具有动态从右到左语言本地化的选项。您所需要做的就是选中RTL 模式，整个主题将自动转换。

获取 Less

您还可以仅下载一个 Less 文件中的变量，以便在您的项目中使用它们。