planningcenter-font-size.css

It's just some classes for applying font-size in pixels.

Install

npm i -S planningcenter-font-size.css

or

yarn add planningcenter-font-size.css

Use

This varies from project to project. These are the instructions of a Rails project, where they are most likely to be used.

1. Add this line to your config/application.rb

config.assets.paths << Rails.root.join('node_modules')

This simply tells Rails to add node_modules to the list of Rails Asset Pipeline load paths.

2. Check with your team to make sure npm install runs on deploys

Not all Planning Center apps are configured to do this. Check.

3. Require or import this file into a CSS manifest

/* application.css */
/*= require "planningcenter-font-size.css/font-size.css" */

or

// application.scss
import "planningcenter-font-size.css/font-size.css";

The code you're loading

.fs-0{font-size:24px}
.fs-1{font-size:20px}
.fs-2{font-size:18px}
.fs-3{font-size:16px}
.fs-4{font-size:14px}
.fs-5{font-size:12px}
.fs-6{font-size:10px}