Awesome master css

Awesome Master CSS ¶

> 根据类名自动生成对应的CSS规则，增强的CSS语法，可以用更少的代码构建UI，直接在生产中使用高性能的JIT.

Master CSS 是一种具有增强语法的虚拟 CSS 语言，仅使用 HTML 即可高效地构建您的 UI 和设计系统.

Useful Links¶

• Repository - 掌握 CSS 存储库.
• Documentation - 掌握 CSS 文档.

IDE Extensions¶

• Master CSS Language Service - 为 Visual Studio Code 提供代码完成和语法突出显示.

Tools¶

• Master Styles CSS Converter - 在线将 CSS 转换为 Master 样式.
• Master Sandbox - 大师沙盒在线编辑器.

Plugins¶

• @master/normal.css - 标准化浏览器的样式.
• @master/keyframes.css - 简单实用的 CSS 关键帧.
• @master/style-element.react - 使用条件类名称快速创建样式化的 React 元素.
• @master/literal - 有条件地使用模板文字构造类名和字符串.

Community¶

• Discussions - 官方讨论场所.
• Discord channel - 与大师社区聊天的频道.
• Official Twitter - 新开发的关于大师的通知.

Learning¶

• Setup guide
• Syntax tutorial - 用于类名的增强和结构化 CSS 语法的快速语法指南.
• Master CSS Cheat Sheet - 快速搜索 Master CSS 的所有语法.

Online Examples¶

• Glassmorphism example - Master CSS 的纯 HTML glassmorphism 组件.
• Interactive switch toggle example - Master CSS 的交互式开关切换.

Articles¶

• Why Master CSS - 关于 Master CSS 的官方概念和原则.
• Getting started with a whole new CSS language —— Master CSS
• Rapidly create reusable React components in one line

_{欢迎投稿！ 首先阅读贡献指南.}