Extras

The MUI package has several pre-compiled files in special configurations that you may find useful.

Right-to-left

To make it easier to build websites for writing systems such as Arabic, Hebrew and Persion, we provide a version of MUI CSS that implements right-to-left styles:

<link href="//cdn.muicss.com/mui-0.10.3/css/mui-rtl.css" rel="stylesheet" type="text/css" />
<link href="//cdn.muicss.com/mui-0.10.3/css/mui-rtl.min.css" rel="stylesheet" type="text/css" />

No Globals

To make it easier to use MUI simultaneously with other CSS libraries we provide a version of MUI CSS that's compiled without the use of any global CSS properties:

<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-noglobals.css" rel="stylesheet" type="text/css" />
<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-noglobals.min.css" rel="stylesheet" type="text/css" />
<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-noglobals-rtl.css" rel="stylesheet" type="text/css" />
<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-noglobals-rtl.min.css" rel="stylesheet" type="text/css" />

REM instead of PX

For developers who prefer to use 'rem' instead of 'px' we provide a version of MUI that uses 'rem' for scalable dimensions:

<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-rem.css" rel="stylesheet" type="text/css" />
<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-rem.min.css" rel="stylesheet" type="text/css" />
<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-rem-rtl.css" rel="stylesheet" type="text/css" />
<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-rem-rtl.min.css" rel="stylesheet" type="text/css" />

Colors

To make it easier to use the Material Design color palette in your project we provide a CSS file with pre-defined color and background-color helpers:

<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-colors.css" rel="stylesheet" type="text/css" />
<link href="//cdn.muicss.com/mui-0.10.3/extra/mui-colors.min.css" rel="stylesheet" type="text/css" />

To use it just replace the name of the color in this example:

<div class="mui--color-red-50">This is red text</div>
<div class="mui--bg-color-red-50">This has a red background</div>

Combined CSS and JS

To make it easier for developers to load MUI without fetching multiple files from the server, we provide a version of each JS library file that includes the CSS:

<script src="//cdn.muicss.com/mui-0.10.3/extra/mui-combined.js"></script>
<script src="//cdn.muicss.com/mui-0.10.3/extra/mui-combined.min.js"></script>
<script src="//cdn.muicss.com/mui-0.10.3/extra/mui-angular-combined.js"></script>
<script src="//cdn.muicss.com/mui-0.10.3/extra/mui-angular-combined.minjs"></script>
<script src="//cdn.muicss.com/mui-0.10.3/extra/mui-react-combined.js"></script>
<script src="//cdn.muicss.com/mui-0.10.3/extra/mui-react-combined.min.js"></script>

« Previous Next »