Cardinal CSS框架技术文档

1. 安装指南

使用包管理器

Bower

首先确保已安装Node.js和npm。然后通过以下命令使用Bower安装Cardinal：

cd your-project-directory
bower install --save cardinal

安装后，你可以在bower_components目录下找到Cardinal。

npm

同样，确保Node.js和npm已安装。使用以下命令通过npm安装Cardinal：

cd your-project-directory
npm install --save cardinalcss

安装后，你可以在node_modules目录下找到Cardinal。

更新Cardinal

你可以通过以下命令来获取Cardinal的最新版本：

Bower

bower update cardinal

npm

npm update cardinal

直接下载

如果你不想使用包管理器，可以直接从GitHub下载Cardinal的.zip文件，然后按照你的需要引入压缩后的CSS文件或直接修改LESS文件（不推荐，因为这样在将来更新时会比较困难）。

2. 项目使用说明

Cardinal是一个模块化的、以“移动优先”为设计理念的CSS框架，旨在帮助前端开发者更快地原型化、构建、扩展和维护响应式网站、用户界面和应用程序。它省略了许多其他CSS框架常见的美学设计决策，让你可以自由发挥。

要使用Cardinal，你可以：

• 直接通过包管理器引入；
• 使用LESS.js插件；
• 直接下载并引入。

引入后，你可以通过包含整个框架或者在项目中按需引入部分样式来进行定制。

3. 项目API使用文档

Cardinal的API主要是通过其提供的LESS变量和混合指令来实现。你可以在项目的base/variables.less文件中找到可用的变量，并在base/mixins/目录下找到混合指令。

使用时，建议创建一个项目特定的变量文件（例如project-variables.less），在其中覆盖默认变量，然后在主LESS文件中引入这个文件和Cardinal的基础样式。

4. 项目安装方式

除了使用包管理器和直接下载，你也可以通过以下方式安装和使用Cardinal：

LESS插件

你可以使用由@bassjobsen创建和维护的LESS.js插件。通过以下命令安装插件和LESS：

npm install less
npm install less-plugin-cardinal

然后，你可以使用以下命令编译你的LESS文件：

lessc custom.less --cardinal

从源代码构建

你需要有Node.js和npm安装在你的机器上。Cardinal使用Gulp来构建和监视CSS文件。

git clone [e-mail]:cbracco/cardinal.git
cd cardinal
npm install
gulp

以上是关于Cardinal CSS框架的技术文档概述。对于更详细的文档，请参考项目GitHub仓库中的相关文件和目录。