Extract use of Roboto font into global css class

[rkclark]

This CSS is used in various places:

  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-weight: normal;

It should be extracted into a global css class and added to a new file src/css/fonts.css, from which the class can then be imported into each css module where it is needed, like this example:

/* import global css file */
@import "../../css/grid.css"; 

.wrapper {
  /* use composes syntax to apply classes from the global file to this class */
  composes: col-xs-12 col-md-6 col-lg-4;
}