check thumbs-o-up twitter github desktop tablet folder-o wordpress

Minimal Modern CSS Framework

Lightweight, Responsive & zero JavaScript dependency

Documentation GitHub

Currently v0.3.3. Pre-release version

Minimalist Design

MM.css is built with minimalism in mind. Build modern and fast websites which users love.

Lightweight

Just 5.82KB compressed size. Right amount of styles and utilities to build a great looking website.

Mobile Friendly

MM.css is mobile friendly CSS Framework. Build responsive websites for all screens with ease.

Zero JavaScript

No dependency on any JavaScript libraries. MM.css relies on pure CSS to be responsive.

WordPress Compatible

MM.css is 100% compatible with WordPress. No need of writing nav-walkers or other workarounds.

MIT License

Open source code with open and friendly MIT License. Free for personal as well as commercial use.

Quickstart Guide

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.

Install via npm

npm install mmcss --save

Including mm.css in your projects

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';

Starter Template

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>

Next Steps