Consider consistent typography approach

[tomdye]

Enhancement

When writing apps with consistent headings / subheadings etc it may be useful to provide a consistent approach.
This could be accomplished via css modules to be imported where required or by Widgets representing each typography type.

css-modules

a css file like

.heading1 {
   font-size: 28px;
}
.heading2 {
   font-size: 20px;
}

could be imported and used as such.

import * as typography from '@dojo/widgets/typography';

return (
   ...
   <span classes={typography.heading1}>Title</span>
   <span classes={typography.heading2}>Sub Title</span>
   ...
);

widgets

import { Heading1, Heading2  } from '@dojo/widgets/typograhy';

return (
   ...
   <Heading1>Title</Heading1>
   <Heading2>Sub Title</Heading2>
   ...
);