在线内容的主要部分是基于文本的,但是除非排版设计得当,否则人们不会对阅读您网站上的文本感兴趣。
您可能会使用自定义框架,但是它们可能会受到限制 。 而是尝试使用Sassline ,这是一个免费的基于Sass的库,用于在Web上创建完美的网格线。
该免费工具可在Sass上使用,因此您首先需要了解使用该预处理语言的方式。 如果您还不熟悉 Web开发,那么在开始使用Sassline之前,最好先练习CSS和Sass 。
但是,一旦您学会了它,就永远不会再用相同的方式设计布局。
它使用rem单位创建适合您的文本的自定义基线 。 这包括您的所有标题,段落,块引用以及所有内容。
Sassline带有响应断点,因此您可以基于Sassline网格自动调整文本大小(和行高)。 这依赖于Sass mixins ,如果您想使用它们,则需要Sass经验。
因此,我向有经验的Web开发人员特别推荐此工具,以改善他们的工作流程。
另外,如果您愿意对代码进行一些小的调整,则可以将其添加到Bootstrap之类的前端框架中。 整个Sassline库都是超级通用的 ,应该成为各地Sass爱好者的必备品 。
要开始使用,请访问GitHub主仓库并下载源文件的副本。
您还将找到设置说明,以及指向这篇很棒的博客文章的链接, 这些文章将按功能逐一指导Sassline库。
翻译自: https://www.hongkiat.com/blog/create-baseline-grids-using-sassline/