jaredhowland / rhythm
Sass 文件,用于创建基于模块化比例的垂直节拍的移动优先响应式网站
1.2.0
2016-06-17 21:39 UTC
README
Rhythm 是一组小型的 Sass 文件,旨在帮助创建 移动优先、响应式网站,并使用 垂直节拍 和 模块化比例。
安装
Rhythm 可作为 Bower 包、Composer 包 和手动下载的方式获取。
Bower
- 如果需要,请安装 Bower
- 运行以下命令:
bower install jaredhowland/rhythm
Composer
- 如果需要,请安装 Composer
- 将以下内容添加到您的
composer.json
文件中
"require": { "jaredhowland/rhythm": "~1.0" }
手动安装
- 下载最新的
.zip
文件. - 将其提取到您的项目中。
使用方法
导入 Rhythm
@ import "path/to/rhythm";
基础知识
每次想要更改 font-size
、line-height
、padding
或 margin
时,请使用 Rhythm
p { @include font-size(18px); } h2 { @include line-height($h2, 2); // Double the computed line height for font-size `h2` } h1 { @include padding(2 0 1); // Double top padding, no side padding, and single line-height bottom padding } ul { @include margin(1); // Single line-height margin size around entire element }
更详细的信息可以在 文档网站 上找到。