Initial data model migration

less/base.less

@@ -0,0 +1,90 @@
+// Base styles
+
+* {
+  scrollbar-color: initial;
+}
+
+.hawkmoon {
+  font-family: @font-family-base;
+}
+
+// Utility classes
+.flexrow {
+  .flex-row();
+  gap: @spacing-base;
+}
+
+.flexcol {
+  .flex-column();
+  gap: @spacing-base;
+}
+
+// Item lists
+.item-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+  .item {
+    padding: @spacing-small @spacing-base;
+    border-bottom: 1px solid lighten(@color-border, 20%);
+
+    &:hover {
+      background: lighten(@color-secondary, 65%);
+    }
+  }
+}
+
+.alternate-list {
+  .item:nth-child(even) {
+    background: lighten(@color-secondary, 70%);
+  }
+}
+
+// Form elements
+input[type="text"],
+input[type="number"],
+textarea,
+select {
+  .input-base();
+}
+
+button {
+  .button-base();
+}
+
+// Labels
+label {
+  .label-base();
+}
+
+.generic-label {
+  .label-base();
+  margin: 0 @spacing-base;
+}
+
+// Field sizes
+.item-field-label-short {
+  flex: 0 0 40px;
+}
+
+.item-field-label-medium {
+  flex: 0 0 80px;
+}
+
+.item-field-label-long {
+  flex: 0 0 120px;
+}
+
+.item-field-label-very-long {
+  flex: 0 0 150px;
+}
+
+// Padd classes
+.padd-right {
+  padding-right: @spacing-medium;
+}
+
+.padd-left {
+  padding-left: @spacing-medium;
+}