milligram css 源码浅析

一、前言

milligram 是我在 20 年接触并使用的一个 CSS 库，他的出现时间已经无法溯源了，根据 npm 上的发布时间最早是 2015 年，而在国内名气起来的时间大概就是 2020 年了，同时 milligram 最后的更新也停在了那一年。

由于当时只需要做一些简单的页面，只需要一些简单的布局及美观的样式足可以满足我的需求，所以在 CSS 库的选择上排除了当时 Bootstrap、 Bulma、Foundation 这些相对笨重，且功能复杂的库，也因此喜欢上了这个小巧简洁的 css 库。

时至今日，前端三大框架几乎统治整个前端界，从而带来了各类强大的 UI 组件库，这也导致这类简洁的样式库存在感越来越低了。

二、Milligram 介绍

Milligram 是一个简洁、小巧 CSS 库，它专注于提供一个轻量级的样式库，使得在网页项目中添加样式变得非常简单。Milligram 的设计理念是尽可能少地干预你的设计，只提供了一些基础的样式和组件，使得你可以更容易地构建自己的定制化界面。

Milligram 具有一下几个特点：

1. 轻量级：Milligram 非常小巧，通过 gzip 压缩后仅有 2KB 大小。
2. 现代化：Milligram 采用了现代化的 CSS特性 和响应式设计，适用于各类设备显示。
3. 基本样式：Milligram 直接对常见的HTML元素（如表格、按钮）提供了基本样式，从而使用时无须记住很多类名，同时也更容易复写样式。
4. 网格系统