跳到主要内容

简介

Infima 是什么?

Infima是一个样式框架,专门为内容导向型网站(例如 Facebook 的开源项目站点)而设计。 Facebook 的许多开源维护者既不是前端工程师也不是设计师,因此,期望他们为自己的开源项目网站提出自己的设计反而给他们在开源项目的准备工作和编写必须的文档之外增加了额外的工作量。作为样式框架,Infima 为不同的通用用户界面组件(网格、按钮、表单等)提供了预设样式。通过在你的网站中引入 Infima 的样式文件即可直接使用,对于高级用户,可以通过自定义从而精确选择所需要的功能。

Infima 与现有 CSS 框架(例如 Bootstrap、Bulma)之间的主要区别在于,它采用现代化的主题化方法(CSS 变量)以及现代化的工具进行构建,并且具有开箱即用的暗模式支持,使其非常适合构建内容导向型网站,例如文档网站。其次,在您的网站上使用第三方组件时会引入不同的 CSS 框架,这会导致样式(以及因此涉及到的视觉外观)互相不兼容。通过创建一个 CSS 变量是一等公民的 CSS 框架,第三方组件可以通过读取 Infima 的 CSS 变量轻松采用相同的样式,即使组件是别人构建的,也可以产生一致的样式。

为什么取 “Infima” 这个名字?

在数学上,部分有序集合 T 的子​​集 S 的下确界(infimum,缩写为 inf,复数形式为 infima)如果存在的话,它将是 T 中最大的元素,并且小于或等于 S 中的所有元素。

Infima 是一个 UI 框架,可为网站提供构建漂亮的、现代化的响应式网站所需的最少的 CSS 和 JS。因此,Infima 是一个合适的名称,因为如果您将 T 视为构建网站所需的材料,而 S 是所需的组件,则网站的下确界就是样式。