angularjs - ブートストラップ マテリアル フルパレット

Question

Angular アプリケーションにブートストラップ マテリアル デザインのフルパレットを追加したいと思います。

「grunt build」を行っているとき、このファイル material-fullpalette.min.css が dist で機能しません (index.html に手動で追加しました)。

cssファイルのすべての色を使用できるようにするにはどうすればよいですか?

Answer 1

material-fullpalette.min.css を追加するには、次のファイルを変更する必要があります。

場所: bower_components\bootstrap-material-design\bower.json

material-fullpalette.min.css のみを追加するには、次の変更を行うだけです

"main": [
    "dist/css/material.css",
    "dist/js/material.js",
    "dist/css/ripples.css",
    "dist/js/ripples.js",
    "dist/css/material-fullpalette.css"
  ],

他のファイルを追加するには、次のことを行う必要があります

"main": [
    "dist/css/material.css",
    "dist/js/material.js",
    "dist/css/ripples.css",
    "dist/js/ripples.js",
    "dist/css/material-fullpalette.css",
    "dist/css/roboto.css",
    "dist/fonts/Material-Design-Icons.eot",
    "dist/fonts/Material-Design-Icons.svg",
    "dist/fonts/Material-Design-Icons.ttf",
    "dist/fonts/Material-Design-Icons.woff",
    "dist/fonts/RobotoDraftBold.woff",
    "dist/fonts/RobotoDraftBold.woff2",
    "dist/fonts/RobotoDraftItalic.woff",
    "dist/fonts/RobotoDraftItalic.woff2",
    "dist/fonts/RobotoDraftRegular.woff",
    "dist/fonts/RobotoDraftRegular.woff2"
  ],

その後、grunt を実行すると、メイン パッケージに自動的に含まれます。