Reference

Blocks and Elements

Buttons

<!-- default -->
<button class="mui-btn">Button</button>

<!-- button types -->
<button class="mui-btn mui-btn--flat">Button</button>
<button class="mui-btn mui-btn--raised">Button</button>

<!-- button styles -->
<button class="mui-btn mui-btn--primary">Button</button>
<button class="mui-btn mui-btn--danger">Button</button>
<button class="mui-btn mui-btn--accent">Button</button>

<!-- button sizes -->
<button class="mui-btn mui-btn--small">Button</button>
<button class="mui-btn mui-btn--large">Button</button>

Panel

<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td class="mui-panel">
      <!--

      panel contents go here

      -->
    </td>
  </tr>
</table>

CSS Helpers

<!-- alignment -->
<div class="mui--text-left">text-left</div>
<div class="mui--text-right">text-right</div>
<div class="mui--text-center">text-center</div>
<div class="mui--text-justify">text-justify</div>

<!-- dividers -->
<div class="mui--divider-top"></div>
<div class="mui--divider-right"></div>
<div class="mui--divider-bottom"></div>
<div class="mui--divider-left"></div>

<!-- typography -->
<div class="mui--text-display4"></div>
<div class="mui--text-display3"></div>
<div class="mui--text-display2"></div>
<div class="mui--text-display1"></div>
<div class="mui--text-headline"></div>
<div class="mui--text-title"></div>
<div class="mui--text-subhead"></div>
<div class="mui--text-body2">Body2</div>
<div class="mui--text-body1">Body1</div>
<div class="mui--text-caption">Caption</div>
<div class="mui--text-menu">Menu</div>
<div class="mui--text-button">Button</div>

<!-- text color -->
<div class="mui--text-dark"></div>
<div class="mui--text-dark-secondary"></div>
<div class="mui--text-dark-hint"></div>
<div class="mui--text-light"></div>
<div class="mui--text-light-secondary"></div>
<div class="mui--text-light-hint"></div>
<div class="mui--text-accent"></div>
<div class="mui--text-accent-secondary"></div>
<div class="mui--text-accent-hint"></div>
<div class="mui--text-danger"></div>
<div class="mui--text-black"></div>
<div class="mui--text-white"></div>
« Previous Next »