Mnml Version 2 Is Here!

Version two of the MNML Ghost theme is out — completely redesigned and better than ever! It has moved from being a better default theme, a replacement for Casper, to having a unique look of its own. Wondering what it looks like? This blog is using the mnml theme.

Typography

MNML has a `.pull` class … to highlight the brilliance of a particular phrase you wrote and annoy all your readers.

MNML has had a typographic overhaul. It is now typeset in Source Serif Pro & Source Sans Pro, with a touch of Alegreya. Source Serif and Sans make an excellent pair—readable and unaffected, but with a certain quiet class. All typefaces are served—at blazing speeds—by Brick.

Helpers

MNML Includes a .thumb class for using thumbnail size images — sometimes you don’t need an image to fill the screen. See it at right.

MNML has a .pull class for … classy pullquotes! Just tack it onto a blockquote when you want to highlight the brilliance of a particular phrase you wrote and annoy all your readers.

Sometimes you need to explain something or digress outside of the main text; for that use the <aside> tag which MNML floats out of the way to the right. If you’re talking about something in the main text, use <aside> with the .note class — yeah, talk about semantics.

There are a handful of other helpers, too, that are there if you need them: .sc for small caps (which Source Serif Pro doesn’t have yet), .center-text to, ah, center text, and m0a for margin: 0 auto;.

Syntax Highlighting

Prism is used for syntax highlighting. A code block with the language specified will be automatically highlighted, so:

```language-javascript
function factorial(n) {
    if (n === 0) {
        return 1;
    }
    return n * factorial(n - 1);
}
```

becomes…

function factorial(n) {  
    if (n === 0) {
        return 1;
    }
    return n * factorial(n - 1);
}

Get it!

MNML has countless other features & benefits. I’d say it’s time to stop drooling and start the download:

Alternately, you can clone it straight into your themes directory with:

git clone https://github.com/curiositry/mnml-ghost-theme.git