Hello Foundation Theme Experts… Needing a little clarity and confirmation regarding a couple specific things with the Foundation Theme. Your input is valued and appreciated.
REM’s Used With Typography
- I believe this is pretty simple and that I understand this one but just want to be sure. All typography in the Foundation Theme is based on an assumed user device font size of 16px. Meaning when I assign a rem value of 2 to an h1 it would display as 32px?
REM’s Sizing With Margin and Padding
If rem’s are used to determine, margin, padding and the gutters of the theme, what are these based on, or should I say what is the base unit?
If the base unit is the users font size which is what it seems like from the tutorial videos, what is the logic behind this thinking.? Fully understand how this makes sense with typography, just not sure how it plays out in responsive design as it relates to page architecture.
Adjusting Margin, Padding and Break Points
I am not seeing where I can make adjustments to margin and padding at varied break points. It appears that I can only define this at one break point then decide if I either want that value applied to other break points or not. Is it possible to give my column stack unique margin and padding for each break point?
If the answer to question 1 is no through the Theme UI what would be the manual work around as this is something that I usually need?
Regarding break points specifically, is there a way to adjust the project are better yet the page break point values or am I locked into the predefined device centric values? This is important as I am accustom to setting break points based on responsive content design needs, not a fixed device model.