SuperAPI AI 工具集

m-rhythm

前端与建站

查看项目

更新于 10-16 06:59

技能介绍

用途

m-rhythm 用于在网页样式中强制实施垂直节奏(Vertical Rhythm)。垂直节奏是指页面中纵向排列的各元素间距遵循同一套基线网格,使标题、段落、区块之间的空隙保持一致的韵律感,从而提升版面的秩序与可读性。

基线规则

该工具定义的基线(Baseline)计算方式为:

Baseline = body line-height x base font-size

即正文元素的行高值与基础字号的乘积作为整个页面的基线单位。

主要能力(检查项)

m-rhythm 会对以下间距进行检查,判断其是否为基线的整数倍或规定比例:

  • 标题的 margin-top:需为基线的整数倍。
  • 标题的 margin-bottom:需为基线本身或基线的一半。
  • 段落间距:需为一个基线单位。
  • 区块内边距(Section padding):需为基线的整数倍。

使用方式

根据提供的资料,其修正逻辑为:将不符合基线要求的间距值吸附(snap)到最接近的基线倍数上,从而恢复垂直节奏。资料未提供具体的安装命令、配置参数或运行环境等使用细节,暂未提供。

适用场景

适用于需要严格控制纵向排版节奏的网页样式工作,例如设计系统、排版规范校验,以及需要保证多元素间距一致性的前端页面开发。

限制

资料仅说明了基线的定义方式、检查项和修正方式,未提供关于支持的平台、框架、集成方式、是否收费或价格等信息,暂未提供。