Angular Material 3 是否有用于边距/填充、Flexbox 等的 CSS 辅助类

Question

Angular Material 3 中是否有用于边距/填充、Flexbox 等的内置 CSS 辅助类？

我看到 Vuetify、Tailwind、Bootstrap 有很多辅助类（例如

px-4

、

ma-6

、

mx-auto

等）。 Angular Material 有类似的东西吗？

欢迎提供有关如何避免在 Angular 18 + Material 3 站点中手动创建所有这些类的任何建议。

Answer 1

我不确定是否如此，但如果您只想使用实用程序类，您可以通过仅导入实用程序类和您需要的任何类进行实验，以便它们可以与角度材质一起使用。

不需要导入整个引导程序，只需导入您需要的必需品。

_utilities.scss

我们可以导入到里面

angular.json

      "options": {
        "assets": [],
        "index": "src/index.html",
        "browser": "src/main.ts",
        "outputPath": "dist/demo",
        "scripts": [],
        "styles": ["src/global_styles.css", "node_modules/dist/scss/_utilities.scss"],
        "tsConfig": "tsconfig.app.json"
      }