Materialize v0.3.0 Materialize

This package install materialize-css to you project.

Installation

If available in Hex, the package can be installed by adding materialize to your list of dependencies in mix.exs:

def deps do
  [{:materialize, "~> 0.3.0"}]
end

Next you need get deps:

$ mix deps.get

And run mix task:

$ mix materialize.install

Result

Task materialize.install do next:

  • npm - run npm install materialize-css —save-dev
  • dist - copy js, css files to assets/vendor/materialize
  • fonts - copy dir fonts to assets/static

After install you have next structure in the folder assets:

project_dir

… |—assets

|--static
  |--fonts
    |--***
|--vendor
  |--materialize
    |--css
      |--materialize.css
      |--materialize.min.css
    |--js
      |--materialize.js
      |--materialize.min.js

Comment out or delete the contents of the file assets/css/phoenix.css

If you are using a brunch, change the file assets/brunch-config.js:

  # add JQuery
npm: {
  enabled: true,
  globals: {
    $: 'jquery',
    jQuery: 'jquery'
  }
}

Use materialize-css in you template project:

Documentations

Documentation can be generated with ExDoc and published on HexDocs. Once published, the docs can be found at https://hexdocs.pm/materialize.

Link to this section Summary

Link to this section Functions

Link to this function assets_struct()
Link to this function if_use_branch()