Gantry 5 Styles: Recompile CSS - please explain warnings

Support Themes & Styling
1

Hello

The ‘Recompile CSS’ button on the Gantry 5 Styles page pops up a list of warnings on my Supra site.

Would you be kind enough to point me to the locations of (a) the files and (b) the $font-family-title variables?

Here are the first two warnings:

CSS COMPILED WITH WARNINGS
Outline: default
File: custom
Undefined variable $font-family-title: line: 374
Undefined variable $font-family-title: line: 121
Undefined variable $font-family-title: line: 147
Outline: _body_only
File: custom
Undefined variable $font-family-title: line: 374
Undefined variable $font-family-title: line: 121
Undefined variable $font-family-title: line: 147

Thank you.

Ian Russell

2

Hello,
Are you using the helium theme ?
A quick search on the repo shows that the variable is defined in this file:

themes/helium/common/scss/configuration/_typography.scss

$font-family-title: “Lato”, “Helvetica”, “Tahoma”, “Geneva”, “Arial”, “Apple Color Emoji”, “Segoe UI”, “Segoe UI Emoji”, “Segoe UI Symbol”, sans-serif !default;

3

That was helpful, thank you.

Your search revealed $font-family-default (in the Supra theme) and $font-family-title (not in the Supra theme). Including both got rid of the warnings!

$font-family-default:           "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !default;
$font-family-title:             "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !default;

Maybe there is some redundancy somewhere.