README

SpaceFramework

SpaceFramework 是一个为前端专业人士构建的 SCSS 框架，可用于在虚拟栅格上精确对齐元素。该框架帮助您集中管理排版，并保持元素间等距空间。

其中一个关键功能是排版的垂直对齐。您可以将文本和元素对齐到基线、大写字母线和中间线。这是通过定义每个字体的 x 高度和大写字母高度来实现的。另一个大型关键功能是名为 'Space-Unit' 的度量单位。它用于定义所有事物之间相等的空间步长。

要最佳使用此框架，需要具备排版、网格和对齐的广泛知识。因此，建议 UX/UI 设计师与前端开发者之间进行良好的合作。

大多数前端框架如 Bootstrap 和 ZURB Foundation 主要关注水平网格，而 SpaceFramework 则专注于垂直网格和垂直节奏。SpaceFramework 使用基于排版和网格理论的先进方法来创建垂直图案。因此，网站和应用变得极为对齐，感觉像素完美平衡。

框架的核心在于使用所谓的 Space-Units 以及定义字体的 x 高度和大写字母高度。通过 Space-Units，在网站上创建了一个虚拟网格，所有元素都对此网格进行对齐。

npm install spaceframework

荷兰制造，由 Harwin 负责设计 — Harwin