Skip to content

Commit

Permalink
Update readme customization section to reflect new project structure
Browse files Browse the repository at this point in the history
  • Loading branch information
jtollerene committed Nov 11, 2014
1 parent ed56842 commit 052b0bc
Showing 1 changed file with 5 additions and 11 deletions.
16 changes: 5 additions & 11 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,23 +42,17 @@ module.exports = SomeAwesomeComponent;
## Customization

The styles are separated into 2 less files:
* dist/less/scaffolding.less
* dist/less/components.less
* src/less/scaffolding.less
* src/less/components.less

This allows you to override any variables defined in [custom-variables.less](https://github.com/callemall/material-ui/blob/master/dist/less/variables/custom-variables.less) without having to modify material-ui source files directly. For example, your main.less file could look something like this:
This allows you to override any variables defined in [custom-variables.less](https://github.com/callemall/material-ui/blob/master/src/less/variables/custom-variables.less) without having to modify material-ui source files directly. For example, your main.less file could look something like this:
```css
@import "node_modules/material-ui/dist/less/scaffolding.less";
@import "node_modules/material-ui/src/less/scaffolding.less";

//Define a custom less file to override any variables defined in scaffolding.less
@import "my-custom-overrides.less";

@import "node_modules/material-ui/dist/less/components.less";
```

Note that if you're using the version of material-ui from NPM, your imports will look like this:
```css
@import "node_modules/material-ui/docs/dist/less/scaffolding.less";
@import "node_modules/material-ui/docs/dist/less/components.less";
@import "node_modules/material-ui/src/less/components.less";
```

## Contribute
Expand Down

0 comments on commit 052b0bc

Please sign in to comment.