Add basic material headers

10 years ago · b442e72a97
2 changed files with 36 additions and 0 deletions
--- a/src/themes/material/elements/header.overrides
+++ b/src/themes/material/elements/header.overrides
@ -0,0 +1,15 @@
+/*******************************
+           Overrides
+*******************************/
+
+@import url(http://fonts.googleapis.com/css?family=Roboto);
+
+h1.ui.header,
+.ui.huge.header {
+  font-weight: normal;
+}
+
+h2.ui.header,
+.ui.large.header {
+  font-weight: normal;
+}
--- a/src/themes/material/elements/header.variables
+++ b/src/themes/material/elements/header.variables
@ -0,0 +1,21 @@
+/*-------------------
+       Header
+--------------------*/
+
+@headerFont : 'Roboto', Arial, sans-serif;
+@fontWeight: normal;
+
+@iconSize: 2em;
+@iconOffset: 0.2em;
+@iconAlignment: top;
+
+@subHeaderFontSize: 1rem;
+
+
+/* HTML Headings */
+@h1 : 2.25rem;
+@h2 : 2rem;
+@h3 : 1.75rem;
+@h4 : 1.5rem;
+@h5 : 1.25rem;
+