private createHtmlStyle(): string
{
let stylestring = ""
+ // Font
stylestring += '@import url("https://fonts.googleapis.com/css?family=Tangerine");';
stylestring += '@font-face { font-family: "Tangerine"; }';
+
+ // Body
+ stylestring += 'body { max-width: 60em; margin: 0 auto; }';
+
+ // Title
stylestring += 'h1 { font-family: "Tangerine", serif;';
stylestring += 'text-align: center; font-size: 2.5em;';
stylestring += 'margin: 1em 0; }';
- stylestring += 'body { max-width: 60em; margin: 0 auto; }';
+ // Subtitle
+ stylestring += 'h2 { font-family: "Tangerine", serif;';
+ stylestring += 'text-align: center; font-size: 2em; }';
+
+ // Bigger Media
stylestring += '@media only screen and (min-width: 46.875em) {';
stylestring += 'h1 { text-align: left; }';
+ stylestring += 'h2 { text-align: left; }';
stylestring += '}';
return stylestring;