Is it possible to override the font-size of the <Text type="headline-1">?

[carlgieringer]

It looks like it is hardcoded:

react-md/packages/typography/src/_variables.scss

Line 245 in eb5a9fc

font-size: 6rem,

and I can't find a 'right' way to override it.

[mlaursen]

I copied how typography works from the material design lite package and I think it's confusing so I'll try to add some better documentation around this on the typography installation, demo, and sassdoc pages.

You should be able to override the style by creating a variable like:

$rmd-typography-styles-headline-1: (
  // any styles you'd like applied to all headline-1
  font-size: 4rem,
  line-height: 1.15,
  margin: 0, // don't like the normal margin applied to <h1> elements
);

// @import react-md and generate styles

if I remember how the private typography functions work correctly.