Skip to content

Commit

Permalink
small change in documentation
Browse files Browse the repository at this point in the history
  • Loading branch information
alexandru-paduraru committed Aug 23, 2017
1 parent 297815b commit e8dc6b4
Showing 1 changed file with 7 additions and 5 deletions.
12 changes: 7 additions & 5 deletions documentation/tutorial-components.html
Original file line number Diff line number Diff line change
Expand Up @@ -111,6 +111,9 @@ <h4>
<li>
<a href="https://github.com/creativetimofficial/material-dashboard-angular/issues">Have an issue?</a>
</li>
<li>
<a href="http://md-pro-angular.creative-tim.com/?ref=mdangular-free" target="_blank" class="btn btn-danger btn-round">Upgrade to PRO</a>
</li>
</ul>

</div><!-- /.navbar-collapse -->
Expand All @@ -125,7 +128,7 @@ <h4>
<img src="../src/assets/img/angular2-logo-red.png">
</div>

<h1 class="title">Material Dashboard Angular 2</h1>
<h1 class="title">Material Dashboard Angular 4</h1>
<h3 class="sub-title">Tutorial and Components</h3>
</div>
</div>
Expand Down Expand Up @@ -1517,10 +1520,9 @@ <h2 class="text-center">Changing Colors (SASS)</h2>
<p>You can change the default colors via variables from SASS:</p>

<ol>
<li>You can find the colors in assets/sass/material-kit/_variables.scss starting with line 28 where is the primary color set: <code>$brand-primary: $purple !default;</code>. All the possible colors are in assets/sass/material-kit/_colors.scss</li>
<li>Add the SASS folder from <code>assets/sass/</code> the project inside <a href="http://koala-app.com/" target="_blank">Koala Compiler</a> and find the file material-dashboard.scss, it will be the one in Green.</li>
<li>Right click on that file and set the output path, it must be in assets/css/ so anything that you compile will overwrite the original material-dashboard.css</li>
<li>Press on compile and everything will be done automatically</li>
<li>You can find the colors in assets/sass/material-dashboard/_variables.scss starting with line 28 where is the primary color set: <code>$brand-primary: $purple !default;</code>.
<li>More colors can be found in assets/sass/material-kit/_colors.scss</li>
<li>Change them with anything you want and save the <code>.scss</code> file, it will be automatically compiled by Angular.</li>
</ol>

</div>
Expand Down

0 comments on commit e8dc6b4

Please sign in to comment.