Skip to content

Instantly share code, notes, and snippets.

@madebyallie

madebyallie/Foundation 5 font sizes on small screens

Created April 1, 2015 11:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save madebyallie/3afc7bc158d3167110b7 to your computer and use it in GitHub Desktop.
Save madebyallie/3afc7bc158d3167110b7 to your computer and use it in GitHub Desktop.
Download ZIP
Foundation 5 scss font sizes on small screens
Raw
Foundation 5 font sizes on small screens
//I find the default header size reductions in the setting.scss leave h2 and h4 tags a little off for my tastes.
//I make these changes in lines 219 and 221
// We use these to control header size reduction on small screens
// $h1-font-reduction: rem-calc(10) !default;
$h2-font-reduction: rem-calc(6) !default;
// $h3-font-reduction: rem-calc(5) !default;
$h4-font-reduction: rem-calc(4) !default;
// $h5-font-reduction: 0 !default;
// $h6-font-reduction: 0 !default;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment