You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hmm, my understanding is that it's preferable to use rem values for padding/margin, so they are proportional to font size, for people that change their browser default font size (accessibility reasons).
But you are right that 1.5 doesn't work, it would have to be 1.5rem.
I think you want margins and padding to be just expressed in terms of rem. You don't need to use the $line-height-base variable, you can just write say 1.5rem literal. That will be 1.5 of whatever main font size is set to. In the Bootstrap 4 variables file, most padding/margin values are set in terms of rem literals like this.
You may have to figure out how many pixels these were meant to be (in previous Bootstrap3-based blacklight), and convert them to proper rem with 16px==1rem default. So for instance if it was 20px before, it should be 20/16 == 1.25rem now.
Replace the $line-height-base references because they don't resolve to pixel values. Default value is 1.5rem.
![Screen Shot 2019-08-13 at 6 03 13 AM](https://user-images.githubusercontent.com/4650153/62933387-15313f00-bd90-11e9-86b0-5ac08ec94bbe.png)
![Screen Shot 2019-08-13 at 6 03 04 AM](https://user-images.githubusercontent.com/4650153/62933388-15c9d580-bd90-11e9-96e7-e03662cdbd68.png)
The text was updated successfully, but these errors were encountered: