Missing "md-accent" css class in Angular material-design css file

Question

In Material AngularJS doc (https://material.angularjs.org/#/Theming/02_declarative_syntax) tells that the "md-accent" can be used, along with "md-primary" and "md-warn":

The classes to apply the color intention for a given component are as follows: md-primary, md-accent, md-warn.

<md-button class="md-primary">Click me</md-button>
<md-button class="md-accent">or maybe me</md-button>
<md-button class="md-warn">Careful</md-button>

However, the class "md-accent" doesn't appear in official css file: http://ajax.googleapis.com/ajax/libs/angular_material/0.6.1/angular-material.css

I saw an example in: https://material.angularjs.org/#/demo/material.components.button

<md-button class="md-accent">Accent</md-button>
<md-button class="md-accent md-raised md-hue-3">Accent Hue 3</md-button>

But It doesn't work for me, I've tested it on different components and "md-accent" does nothing.

Is the doc obsolete ? Am I missing something else ?

Roberto · Accepted Answer · 2015-01-09 09:31:58Z

1

It's a bug in 0.6.1, the docs are using (in the moment I wrote this) the version 0.7.0-rc1.

If I use the "snapshot" version (v0.7.0-rc2), It works fine:

<!-- Angulars Material CSS using RawGit to load directly from `bower-material/master` -->
<link rel="stylesheet" href="//rawgit.com/angular/bower-material/master/angular-material.css">

<!-- Angular Material Javascript using RawGit to load directly from `bower-material/master` -->
<script src="//rawgit.com/angular/bower-material/master/angular-material.js"></script>

answered Jan 9, 2015 at 9:31

Roberto

9,2004 gold badges46 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Missing "md-accent" css class in Angular material-design css file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related