switch to using TypeScript

src/scss/components/_forms.scss

@@ -0,0 +1,62 @@
+.item-form {
+  font-family: $font-primary;
+}
+
+$header-top-margin: 5px;
+
+header.sheet-header {
+  flex: 0 0 210px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+
+  .profile-img {
+    flex: 0 0 100px;
+    height: 100px;
+    margin: $header-top-margin 10px $header-top-margin 0;
+  }
+
+  .header-fields {
+    flex: 1;
+  }
+
+  h1.charname {
+    height: 50px;
+    padding: 0px;
+    margin: $header-top-margin 10px $header-top-margin 0;
+    border-bottom: 0;
+    input {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      border: none;
+      background-color: transparent;
+    }
+    font-family: $font-heading;
+    display: block;
+  }
+  h2.item-type {
+    font-family: $font-heading;
+    display: block;
+    height: 50px;
+    padding: 0px;
+    flex: 0 0 0;
+    color: $c-light-grey;
+    border: none;
+    line-height: 50px;
+    margin: $header-top-margin 0;
+    text-align: right;
+  }
+}
+
+.sheet-tabs {
+  flex: 0;
+}
+
+.sheet-body,
+.sheet-body .tab {
+  height: 100%;
+}