README

Material Design Light

Material Design 3 的 CSS 框架
探索文档

报告错误

关于

Material Design Light 是一个完全实现 Material Design 3 的轻量级 CSS 框架。

项目正在积极开发中，不提供任何支持或保证。

特性

💅 Material Design 3 (Material You) - 遵循谷歌的最新设计
🎨 可定制 - 使用设计令牌，您可以完全拥有这个框架
⚡ 前沿技术 - 使用最新的 CSS 功能，无需 JavaScript
🏎 轻量级 - 最小化版本比流行的 CSS 框架更轻
🤟 无 JavaScript - 框架不依赖于 JavaScript
😎 干净的 HTML - 使用正确的元素，并支持无障碍功能
🔧 纯 CSS - 编译为 "纯" CSS，使用 SCSS 扩展（SASS）编写
📱 响应式 - 与任何屏幕尺寸兼容，并遵循适应性设计

快速开始

提供多种快速开始选项

下载最新版本
克隆仓库： git clone https://github.com/mdlightdev/material-design-light.git
使用 npm 安装： npm i material-design-light
使用 Composer 安装： composer require mdlightdev/material-design-light
使用 NuGet 安装： Install-Package MaterialDesignLight

包含内容

在下载中，您将找到以下目录和文件，它们逻辑上组织了常见资产，并提供了编译和最小化版本。

material-design-light/
└── css/
    ├── material-design-light.css
    ├── material-design-light.css.map
    └── material-design-light.min.css

Material Design Light 提供了编译后的 CSS（《material-design-light.*》），以及编译和最小化的 CSS（《material-design-light.min.*》）。某些浏览器的开发者工具可以使用源映射（《material-design-light.*.map》）。

错误和功能请求

有错误或功能请求？如果您的项目或想法尚未得到解决，请创建新问题。

贡献

有关更多信息，请参阅 CONTRIBUTING.md。

克隆并设置仓库

git clone https://github.com/mdlightdev/material-design-light.git
cd material-design-light
npm install

版本控制

为了透明度以及保持向后兼容性，Material Design Light 根据 Semantic Versioning 2.0.0 指南进行维护。

有关 Material Design Light 的每个版本发布版本更改日志，请参阅 GitHub 项目的 Releases 部分。

mdlightdev / material-design-light

维护者

详细信息