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