【文件属性】：
文件名称：花瓣：Shakr的现代轻量级CSS UI框架
文件大小：661KB
文件格式：ZIP
更新时间：2021-02-03 13:06:50
css less library framework css-framework
花瓣
Petal是开发的现代轻量级CSS UI框架。
Petal的目的是提供一组设计一致的UI组件，您可以轻松地在您的Web项目中使用它们。
从零开始，花瓣完全被编码。
在项目中设置花瓣
下载，将dist文件夹复制到您的项目文件夹。 （您可能希望将其重命名为其他名称。）
在HTML的<head>中插入指向样式表的链接：
<link rel="stylesheet" type="text/css" href="dist/petal.min.css">
现在，您可以在项目HTML文件中使用所有的Petal类和样式。
（如果您需要预先构建的托管CDN链接，请按照说明使用rawgit URL。）
或者，如果要通过npm安装，请运行
npm install petal.less
在您的控制台中。
请参阅，以了解在项目中使用Petal的其他高级方法。
花瓣
建立花瓣
Petal使用将LESS文件编译为单个petal.css文件。 运行grunt petal即可编译花瓣。 运行grunt dev进入开发模式，在该模式下，将监视Petal目录中的文件，并在对任何源文件进行更改时自动构建