Lightweight, Responsive & zero JavaScript dependency
Currently v0.3.3. Pre-release version
MM.css is built with minimalism in mind. Build modern and fast websites which users love.
Just 5.82KB compressed size. Right amount of styles and utilities to build a great looking website.
MM.css is mobile friendly CSS Framework. Build responsive websites for all screens with ease.
No dependency on any JavaScript libraries. MM.css relies on pure CSS to be responsive.
MM.css is 100% compatible with WordPress. No need of writing nav-walkers or other workarounds.
Open source code with open and friendly MIT License. Free for personal as well as commercial use.
You can download MM.css latest release and use dist/mm.min.css
in your project or use it via CDN as shown below.
<link href="https://unpkg.com/mmcss/dist/mm.min.css" rel="stylesheet">
However, we recommend that you use the source file mm.scss
in your project if you want to add your own style overrides. See below for instructions.
npm install mmcss --save
Ensure node_modules
is added to your Sass includes/load_paths. If you are using MMPilot for building your project, this would have already been taken care for you.
If you are using Sass (recommended) to build your stylesheets then add the following code
@import 'mmcss/src/mm';
You can also include the dist (compiled and minified) version directly if you don't want to do any style overrides.
@import 'mmcss/dist/mm';
Here is a basic starter HTML template that can be used when building a webpage with the MM.css framework:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello MM.css</title>
<link href="https://unpkg.com/mmcss/dist/mm.min.css" rel="stylesheet">
</head>
<body>
<h1>Hello, MM.css!</h1>
</body>
</html>