# Materialize
This package install [materialize-css](http://materializecss.com/getting-started.html) to you project.
## Installation
If [available in Hex](https://hex.pm/docs/publish), the package can be installed
by adding `materialize` to your list of dependencies in `mix.exs`:
```elixir
def deps do
[{:materialize, "~> 0.1.0"}]
end
```
Hex you need get deps:
```shell
$ mix deps.get
```
And run mix task:
```shell
$ mix materialize.install
```
### Result
Task **materialize.install** do net:
* npm - run npm install materialize-css --save-dev
* dist - copy js, css files to *web/static/vendor/materialize*
* fonts - copy dir fonts to *web/static/assets*
* brunch - append instructions to brunch-config.js
After install you have next structure:
project_dir
...
|--priv
|--static
|--css
|--materialize.css
|--materialize.min.css
|--js
|--materialize.js
|--materialize.min.js
...
|--web
|--static
|--assets
|--fonts
|--vendor
|--materialize
|--css
|--materialize.css
|--materialize.min.css
|--js
|--materialize.js
|--materialize.min.js
...
Use **materialize-css** in you template project:
```Elixir
# web/templates/layout/app.html.eex
<link rel="stylesheet" href="<%= static_path(@conn, "/css/materialize.css") %>">
<script src="<%= static_path(@conn, "/js/materialize.js") %>"></script>
```
Documentation can be generated with [ExDoc](https://github.com/elixir-lang/ex_doc)
and published on [HexDocs](https://hexdocs.pm). Once published, the docs can
be found at [https://hexdocs.pm/materialize](https://hexdocs.pm/materialize).