推荐Shevy：完美的垂直节奏Sass库

Shevy 是一个轻量级且可配置的Sass库，专注于优化网页排版的垂直节奏。简单易用，让你的设计在视觉上更显专业，阅读体验更佳。

演示与安装

你可以查看在线演示，直观了解Shevy的效果。要将它添加到你的项目中，你需要先安装Sass并设置好编译环境。Shevy提供了多种安装方式：

• 从源码复制：直接将core/目录复制到你的项目中，然后在你的Sass文件中@import 'core/shevy'。
• 通过NPM：使用命令npm install --save shevy安装，并以适合你项目的方式导入core/shevy.scss。
• 通过Bower：运行bower install --save shevy，然后在适当的路径下@import。
• 对于Ruby on Rails用户，在Gemfile中加入gem 'shevy'，然后执行bundle install，接着在Sass文件里@import 'shevy'。

使用方法

Shevy带有默认设置，所以最简单的用法是调用几个预定义的混合宏，比如headings，body和content：

@include headings;
@include body;
@include content;

如果默认设置不符合需求，你可以全局或组件级别调整配置。创建自定义的$shevy地图，覆盖默认值，再在代码中应用即可。

技术解析

• 基线字体大小（base-font-size）是设置的基础字体大小，用于计算其他大小。
• 基线行高（base-line-height）可以是像素值或因子，决定了垂直间距的基本值。
• 字体比例尺度（base-font-scale）是一个列表，包含了所有标题的相对字体大小。
• 底部外边距（margin-bottom），默认开启，用于保持垂直节奏，关闭则将底部外边距设为0。
• 邻近效应（proximity），当开启时，可以通过proximity-factor调整元素之间的距离。

此外，Shevy还提供了一些功能强大的函数，如返回基础字体大小、行高，以及基于这些参数进行计算的功能。

应用场景

Shevy适用于任何注重细节、追求完美垂直节奏的网站设计。无论你是个人开发者，还是在一个团队中工作，或者使用WebPack这样的构建工具，Shevy都能很好地融入。

特点

• 灵活性：自定义设置，适应各种设计风格。
• 兼容性：支持px, em, rem单位。
• 易用性：通过混合宏和函数轻松使用。
• 性能：小巧而高效，不影响整体开发速度。

总的来说，Shevy是一个强大而灵活的Sass库，能够帮助你打造优雅的排版效果。试试看，你会发现这是一个值得信赖的工具。