More complete support / customisation of mdl-menu

[dsl101]

With native MDL menus, you can use the following classes to control the position of the menu when it opens:

mdl-menu--top-right
mdl-menu--bottom-right
mdl-menu--top-left

Also, there's this class:

mdl-menu__item--full-bleed-divider

which rather annoyingly has to be applied to the previous item.

It would be great to be able to specify these in mdl-menu like this:

<mdl-menu bottom-right for="account">
  <mdl-menu-item>Change Password</mdl-menu-item>
  <mdl-menu-divider></mdl-menu-divider>
  <mdl-menu-item>Logout</mdl-menu-item>
</mdl-menu>