Typography
Poppins
Minor Third Scale
Source: Google Fonts - Poppins
For light background, text-dark class will be used
h1. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 300;
font-size: 2.488rem;
h2. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 100;
font-size: 2.074rem;
h3. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 200;
font-size: 1.728rem;
h4. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 300;
font-size: 1.44rem;
h5. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 400;
font-size: 1.2rem;
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 400;
font-size: 1rem;
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 600;
font-size: 1rem;
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 400;
font-size: 1rem;
For dark background, text-light class will be used
h1. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 300;
font-size: 2.488rem;
h2. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 100;
font-size: 2.074rem;
h3. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 200;
font-size: 1.728rem;
h4. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 300;
font-size: 1.44rem;
h5. Poppins heading
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 400;
font-size: 1.2rem;
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 400;
font-size: 1rem;
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 600;
font-size: 1rem;
font-family: 'Poppins', Helvetica, sans-serif;
font-weight: 400;
font-size: 1rem;