用途
m-rhythm 用于在网页样式中强制实施垂直节奏(Vertical Rhythm)。垂直节奏是指页面中纵向排列的各元素间距遵循同一套基线网格,使标题、段落、区块之间的空隙保持一致的韵律感,从而提升版面的秩序与可读性。
基线规则
该工具定义的基线(Baseline)计算方式为:
Baseline = body line-height x base font-size
即正文元素的行高值与基础字号的乘积作为整个页面的基线单位。
主要能力(检查项)
m-rhythm 会对以下间距进行检查,判断其是否为基线的整数倍或规定比例:
- 标题的 margin-top:需为基线的整数倍。
- 标题的 margin-bottom:需为基线本身或基线的一半。
- 段落间距:需为一个基线单位。
- 区块内边距(Section padding):需为基线的整数倍。
使用方式
根据提供的资料,其修正逻辑为:将不符合基线要求的间距值吸附(snap)到最接近的基线倍数上,从而恢复垂直节奏。资料未提供具体的安装命令、配置参数或运行环境等使用细节,暂未提供。
适用场景
适用于需要严格控制纵向排版节奏的网页样式工作,例如设计系统、排版规范校验,以及需要保证多元素间距一致性的前端页面开发。
限制
资料仅说明了基线的定义方式、检查项和修正方式,未提供关于支持的平台、框架、集成方式、是否收费或价格等信息,暂未提供。