interim commit

src/style/helpers.scss

@@ -0,0 +1,10 @@
+$toolbar-height: 56px;
+
+$mdc-theme-primary: #263238;
+$mdc-theme-primary-light: #4f5b62;
+$mdc-theme-primary-dark: #000a12;
+$mdc-theme-secondary: #d81b60;
+$mdc-theme-secondary-light: #ff5c8d;
+$mdc-theme-secondary-dark: #a00037;
+$mdc-theme-secondary-dark: #a00037;
+$mdc-theme-background: #fff;

src/style/index.scss

@@ -0,0 +1,26 @@
+// @import './material-icons.scss';
+// @import 'material-components-web/material-components-web';
+@import './reset.scss';
+
+html, body {
+	height: 100%;
+	width: 100%;
+	padding: 0;
+	margin: 0;
+	overflow: hidden;
+	overscroll-behavior: none;
+}
+
+html {
+	background: #FAFAFA;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-weight: 400;
+	color: #444;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.mdc-theme--dark {
+	background-color: #333;
+	color: #fff;
+}

src/style/material-icons.scss

@@ -0,0 +1,28 @@
+@font-face {
+	font-family: 'Material Icons';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Material Icons'),
+		local('MaterialIcons-Regular'),
+		url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
+		url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
+		url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
+}
+
+.material-icons {
+	font-family: 'Material Icons';
+	font-weight: normal;
+	font-style: normal;
+	font-size: 24px;
+	display: inline-block;
+	line-height: 1;
+	text-transform: none;
+	letter-spacing: normal;
+	word-wrap: normal;
+	white-space: nowrap;
+	direction: ltr;
+	-webkit-font-smoothing: antialiased;
+	text-rendering: optimizeLegibility;
+	-moz-osx-font-smoothing: grayscale;
+	font-feature-settings: 'liga';
+}

src/style/reset.scss

@@ -0,0 +1,12 @@
+button, a, img, input, select, textarea {
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+a, button, img, [inert], .inert {
+	user-select: none;
+	-webkit-user-select: none;
+	user-drag: none;
+	-webkit-user-drag: none;
+	touch-callout: none;
+	-webkit-touch-callout: none;
+}