The MUI package has several pre-compiled files in special configurations that you may find useful.
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" />
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" />
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" />
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>
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>