Add responsive typography

[kmmathis]

Suggestion: write a function that allows you to specify $typecsset-base-font-size and $typecsset-base-line-height for any number of breakpoints.

More and more these days I'm modifying text size based on viewport, so it would be really neat to be able to do this out of the box.

I'd be more than willing to take a hack at it, just seeing if this functionality is something you'd be interested in having in the project.

[kmmathis]

Here is a great example of what I'm talking about: http://typecast.com/blog/a-more-modern-scale-for-web-typography

[cmdrrobin]

Can't you just set new values for the variable within the breakpoint?

[johjacb]

+1 - It would be nice to have a basic structure for this in the core

[vongoh]

+! Yes, this would be awesome!

[felixfischer]

+1 I'd love to have that feature, too!

[gauntface]

I've done this the same way @rgruyters suggested.

@import "../third_party/typecsset/typecsset";

@media (min-width: $max-content-width) {
  $typecsset-base-font-size:      18px;
  $typecsset-base-line-height:    $base-line;

  // Heading sizes
  $typecsset-h1-size:             34px;
  $typecsset-h2-size:             30px;
  $typecsset-h3-size:             26px;
  $typecsset-h4-size:             22px;
  $typecsset-h5-size:             20px;
  $typecsset-h6-size:             18px;

  @import "../third_party/typecsset/typecsset";
}