<Border-radius> for <md-raised-button> theming

Bug, feature request, or proposal:

Not sure if this is the case for material 1, but I’m trying to have different rounding for the md-raised-buttons for various themes. The rounding takes place inline on the component. I cannot see a way how to do this other then create a new component based on<md-button> or add a rule which overrides the [md-button] selector. Neither of these solutions looks to be a good one.

What is the expected behavior?

It would be nice to move this out to the theming.

What is the current behavior?

The rounding is in the component’s css, so not really possible to globaly override the border-radius for every button without changing the specificity of selector (.name-of-theme [md-raised-button] {})

What are the steps to reproduce?

Providing a Plunker (or similar) is the best way to get the team to see your issue.

What is the use-case or motivation for changing an existing behavior?

Easier theming for rounding

Which versions of Angular, Material, OS, browsers are affected?

angular 2.0.0, material@2.0.0-alpha.9-3

Is there anything else we should know?

I’m very newbie with angular 2 and material design 😄

[emilio-martinez]

Quick thought in regards to the specificity: using button[md-raised-button], a[md-raised-button] as selectors should suffice.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}