MinnPost Largo

Largo child theme for MinnPost

Typography

In this version, we're using this type scale for our font sizes.

We set the root size like this:

html {
    font-size: 125%; // 100% is 16px

    @include breakpoint-min( xl ) {
        font-size: 150%;
    }
}

At times, for example on related stories and in footer widgets, we reduce that base font size to a smaller percentage.

We then set the sizes, in ems, using this technique, which is also a gist.

We're serving fonts via Adobe Fonts, and our families are FF Meta Serif for body text and headings, and FF Meta for supplemental text. Captions and summaries and navigation and such.

Colors

We're using this color palette. Use this URL to see contrast ratios.

Grid

We're setting our flex-based responsive grid with column-setter. We can see the grid overlay by adding ?grid=true to the end of any URL.