NG-MATERO
GitHubMaterial Extensions
zh
zh
  • 简介
  • 开始使用
  • 原理图
    • 添加项目
    • 新增路由
  • 主题系统
    • 配置布局
    • 配置菜单
    • 页面标题
    • 颜色
    • 样式辅助类
  • 响应式布局
    • Flex Layout
    • Grid Class
  • 登录认证
  • 权限管理
  • 国际化
  • 第三方库
Powered by GitBook
On this page
  • 关于颜色
  • 可用的 CSS 辅助类

Was this helpful?

Edit on Git
  1. 主题系统

样式辅助类

Previous颜色Next响应式布局

Last updated 5 years ago

Was this helpful?

CSS 辅助类在实际工作中有着至关重要的作用,基于 Angular Material 组件库以及 CSS 辅助类,我们几乎不需要再写多余的样式,同时也可以避免出现全局样式覆盖的问题或者这一隐患降到最低,系统中所有的细节调整都应该使用 helpers。

我在很早之前曾写过 CSS 辅助类的编写策略,详见 。

Ng-Matero 中辅助样式类遵循 Material 的设计原则,数值大多是 4 的倍数,比如 Padding 的辅助类 p-4 p-8 p-16 p-24,这样可以最大程度的保证系统样式的统一。

关于颜色

颜色类分为背景色及文本色,背景色添加 .bg- 前缀,文本色添加 .text- 前缀

可用的 CSS 辅助类

所有 CSS 辅助类可以查看

如何编写通用的 Helper Class
Ng-Matero Helpers