Font metrics


You can apply this utility to an element (such as <body>) to visualise the .5rem baseline grid to which text elements adhere.

View example of the baseline grid utility

Warning:This pattern requires JS to be functional.

Import

To import just this utility into your project, copy the snippet below and include it in your main Sass file.

@import 'utilities_baseline-grid';

For more information see Customising Vanilla in your projects, which includes overrides and importing instructions.