Menu icon Foundation
Different $lead-font-size for large, medium, small?

It so easy change the header sizes for different screen resolutions in _settings.scss. How do I achieve the same thing for the $lead-font-size?

// 5. Typography Helpers
// ---------------------

$lead-font-size: $global-font-size * 1.25;
$lead-lineheight: 1.6;
            

         

type

It so easy change the header sizes for different screen resolutions in _settings.scss. How do I achieve the same thing for the $lead-font-size?

// 5. Typography Helpers
// ---------------------

$lead-font-size: $global-font-size * 1.25;
$lead-lineheight: 1.6;
            

         
Jacob Brooks about 3 years ago

The $header-sizes is a sass map so its easier to see the individual sizes and change those values. The $lead-font-size looks like a global size based on all screens. I would try to set up a sass map similar to the $header-sizes with whatever percentages you want at Small vs Medium vs Large.