search

kyleshevlin / shevy

Configurable Vertical Rhythm & Typography for Sass
http://kyleshevlin.github.io/shevy/
MIT License
181 stars 14 forks source link

i might be missing something #4

Closed checktravis closed 8 years ago

checktravis commented 8 years ago

I found your repo on the blog comments here http://www.zell-weekeat.com/responsive-typography

I like that your lib seems so much more simple to use, but when I look at your demo page I dont see the font or line space changing for different devices. I am using the emulator in google chrome to test.

kyleshevlin commented 8 years ago

I think you're missing something. The bottom most section is the one that uses two typography maps. They change font sizes at 540px wide. For example, below that breakpoint, the h1 font-size is 32px, and above that font-size the h1 font-size is 4.5em, which shows that the kind of mathematics used can be changed for the same typography.

Below 540px:

screen shot 2016-01-31 at 11 25 10 pm

Above 540px:

screen shot 2016-01-31 at 11 25 54 pm
kyleshevlin commented 8 years ago

I would also like to add that by responsive typography, I simply mean being able to redefine your font-scale per breakpoint. I never intended Shevy to dynamically adjust font-sizes via the browser width, though techniques exist using vw units to try that.