Now, let's start from the top of this Sass variables file and cover what is in this file. The variables start on line 9, with a comment explaining that the default body font size in Foundation 5 is going to be using rem's as a font size but Foundation wants to use a default pixel font size to base all your rem values off. So, basically 1rem
will be the same as 16 px. However, if you uncomment the $rem-base
value and set the value to 18 px, then 1rem will be 18 px. Basically, Foundation is using a formula to make sure that whatever you set your $rem-base
variable pixel value to, it will be equal to 1rem.
Then, from line 15-24, you will see a few comments and two variables that you can change to make the base font size not be 100 percent of the rem-base
variable. Play with this number and see what results you get. The next thing you will see is that you can also change how the line height is calculated; this is on line 24. You can leave most of the these values as they...