pure README

The project's README from github.com/pure-css/pure. As one markdown file: README.md.

Pure

Pure

A set of small, responsive CSS modules that you can use in every web project. https://purecss.io/

Build Status

Features

Pure is a starting point for every website or web app. We take care of all the CSS work that every site needs without making it look cookie-cutter:

Get Started

Check out the Get Started page for more information.

Build From Source

Optionally, you can build Pure from its source on Github. To do this, you'll need to have Node.js and npm installed. We use Grunt to build Pure.

git clone [email protected]:pure-css/pure.git
cd pure
npm install
grunt

Build Files

Now, all Pure CSS files should be built into the pure/build/ directory. All files that are in this build directory are also available on the CDN. The naming conventions of the files in the build/ directory follow these rules:

Browser Support and Testing

Pure is tested and works in:

Docs and Website

Pure's website is located in the site directory. Please feel free to open issues or questions in the Issue tab.

Contributing

See the CONTRIBUTING file for information on how to contribute to Pure.

License

This software is free to use under the Yahoo! Inc. BSD-3-Clause license. See the LICENSE file for license text and copyright information.

pure (pure-css/pure)

Searching Database…

23.7K ·GitHub
这是什么?Pure 是一组小型、响应式的 CSS 模块,可以直接放进任何网站或网页应用:包括响应式网格、美化过的按钮、菜单、表单和表格,全部建立在一个极简、易于定制的基础之上。
它是一个整体样式表,还是拆分成了多个模块?是拆分的模块——base、grid、buttons、forms、menus 和 tables——你可以单独取用,也可以用一个合并版。整套文件压缩后加上 gzip 只有 3.7KB。
我怎么把它加到自己的页面上?直接从 CDN 链接现成的 CSS——build/ 目录里的每个文件都发布在上面;其中 pure-min.css 是面向生产环境的压缩版合并文件。从源码自己构建是可选的。
我需要安装什么,或者在页面里加 JavaScript 吗?不需要——你只要链接样式表就行;它没有任何运行时 JavaScript,也不需要安装任何东西。只有当你想从源码构建 Pure 时,才需要 Node.js、npm 和 Grunt。
如果我引入 pure-min.css,我的布局在手机上还能自适应吗?不能完全自适应:pure.css 和 pure-min.css 这两个合并版文件不包含带 @media 查询的响应式网格——那部分是一个单独的文件。要获得网格断点,需要另外加上 grids-responsive-min.css。
Pure 在哪些浏览器里测试过?README 提到的测试范围是 Firefox、Chrome 和 Safari 的最新稳定版;没有提到其他浏览器。
那一堆不同的构建文件都是怎么回事?命名是有规律的:[module]-core.css 是最小化的结构基础,-nr 结尾的文件是不含响应式的版本,不带后缀的 [module].css 是响应式版本,-min 结尾的文件则是面向生产环境压缩过的版本。
用 Pure 搭建的网站看起来都会一个样吗?不会——Pure 刻意保持极简:它的目标是覆盖每个网站都需要的 CSS,同时“不让网站看起来千篇一律”,而且它的外观被描述为非常容易定制。
Normalize.css 在 Pure 里起什么作用?Pure 的 base 层是建立在 Normalize.css 之上的,它抹平了各浏览器之间的差异,让元素在 Pure 自己的样式和你的样式生效之前就能保持一致的渲染效果。
Creator
pure-css
Size
8.6 MB
Stars
23.7K
Age
13y
Commits · 90 Days