Item divider "color" attribute doesn't work with RC0

[smichelotti]

Before RC0, we could set the "secondary" attribute on an <ion-item-divider> and it would change the color like this:

<ion-list>
    <ion-item-group *ngFor="let division of teams">
        <ion-item-divider secondary>{{division.divisionName}}</ion-item-divider>
        <button ion-item *ngFor="let team of division.divisionTeams" (click)="itemTapped($event, team)">
            {{team.name}}
        </button>
    </ion-item-group>
</ion-list>

Per the RC0 documentation, we now use a color attribute:

<ion-list>
    <ion-item-group *ngFor="let division of teams">
        <ion-item-divider color="secondary">{{division.divisionName}}</ion-item-divider>
        <button ion-item *ngFor="let team of division.divisionTeams" (click)="itemTapped($event, team)">
            {{team.name}}
        </button>
    </ion-item-group>
</ion-list>

This no longer changes the color of the item divider correctly. Upon inspection in Chrome, the class attribute is getting: "item item-md item-md-secondary", but the .item-md-secondary CSS is getting overridden. See screen shot.

Additionally, here is a Plunker that shows the problem: http://plnkr.co/edit/w6Xqqv?p=preview

[ekhmoi]

possible duplicate of #8376

[jgw96]

Hello all! Thanks for opening an issue with us! I am going to close this issue as a duplicate of #8376 .