Appearance
@wakeadmin/tailwind
基于惟客云主题扩展的 tailwind 的配置预设;
如何使用
我们首先根据tailwind
官方提供的安装教程进行安装以及初始化;
完成上述流程之后,我们需要加入@wakeadmin/tailwind
的预设
// tailwind.config.js
module.exports = {
// ...
preset: [require('@wakeadmin/tailwind')],
};
之后,我们就可以直接使用了;
变量
基本色彩
这些颜色都是基本颜色,因此可以在其他地方进行使用,例如text-xxxx
,border-xxxx
都是可以的;
字体颜色
边框颜色
背景颜色
圆角
间距
这些间距跟基本色彩一样,不能直接进行使用。是提供给其他属性所使用的,我们可以通过pd-xxxx
、mr-xxxx
对其进行引用;