icon styles (#38)

Author: colegoldsmith

src/css/base.css

@@ -110,6 +110,12 @@ object[type="image/svg+xml"]:not([width]) {
   opacity: 0.5;
 }
 
+.icon {
+  display: inline-block;
+  height: 1em;
+  width: 1em;
+}
+
 @media (pointer: fine) {
   @supports (scrollbar-width: thin) {
     html {

src/css/typeface-material-icons-outlined.css

@@ -12,7 +12,7 @@
   font-family: 'Material Icons Outlined', sans-serif;
   font-weight: normal;
   font-style: normal;
-  font-size: 24px;  /* Preferred icon size */
+  font-size: 2.5rem;
   display: inline-block;
   line-height: 1;
   text-transform: none;