First alpha

src/index.scss

@@ -0,0 +1,44 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto');
+@import "./vars.scss";
+* {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+}
+
+body {
+   font-family: 'Roboto', sans-serif; // font-family: Verdana, Geneva, sans-serif;
+   font-size: 18px;
+   width: 100%;
+   height: 100%;
+}
+
+html {
+   min-height: 100%;
+   display: flex;
+}
+
+// .feather {
+//    width: 24px;
+//    height: 24px;
+//    stroke: currentColor;
+//    stroke-width: 2;
+//    stroke-linecap: round;
+//    stroke-linejoin: round;
+//    fill: none;
+// }
+.header_icon_button {
+   height: $header_icon_width;
+   width: $header_icon_width;
+}
+
+.header_title {
+   max-width: calc(100% - #{$header_icon_width} - #{$header_icon_width});
+   overflow: hidden;
+}
+
+header {
+   display: flex;
+   justify-content: space-between;
+   margin-bottom: calc(1.5 * var(--universal-padding));
+}