Sass 文件,用于创建基于模块化比例的垂直节拍的移动优先响应式网站

资助包维护!
paypal.me/jaredhowland

安装: 40

依赖项: 0

建议者: 0

安全: 0

星标: 4

关注者: 5

分支: 0

开放问题: 0

语言:HTML

1.2.0 2016-06-17 21:39 UTC

This package is auto-updated.

Last update: 2024-08-30 19:17:50 UTC


README

Rhythm 是一组小型的 Sass 文件,旨在帮助创建 移动优先响应式网站,并使用 垂直节拍模块化比例

安装

Rhythm 可作为 Bower 包Composer 和手动下载的方式获取。

Bower

  1. 如果需要,请安装 Bower
  2. 运行以下命令:bower install jaredhowland/rhythm

Composer

  1. 如果需要,请安装 Composer
  2. 将以下内容添加到您的 composer.json 文件中
"require": {
  "jaredhowland/rhythm": "~1.0"
}

手动安装

  1. 下载最新的 .zip 文件.
  2. 将其提取到您的项目中。

使用方法

导入 Rhythm

@ import "path/to/rhythm";

基础知识

每次想要更改 font-sizeline-heightpaddingmargin 时,请使用 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
}

更详细的信息可以在 文档网站 上找到。