initial commit

scss/components/_apps.scss

@@ -0,0 +1,16 @@
+.window-content {
+    overflow-y: hidden;
+    padding: 5px;
+  
+    form {
+      height: 100%;
+      overflow: hidden;
+    }
+  
+    .tab {
+      height: 100%;
+      overflow-y: auto;
+      align-content: flex-start;
+    }
+  }
+  

scss/components/_basic_property.scss

@@ -0,0 +1,4 @@
+.basic-property-label {
+  font-weight: bold;
+  // text-transform: uppercase;
+}

scss/components/_description.scss

@@ -0,0 +1,23 @@
+.side-properties {
+  flex: 0 0 150px;
+  margin: 5px 5px 5px 0;
+  padding-right: 5px;
+  border-right: 2px groove #eeede0;
+
+  .side-property {
+    margin: 0;
+    display: flex;
+    flex-direction: row;
+
+    label {
+      flex: 2;
+      line-height: 26px;
+      font-weight: bold;
+    }
+
+    input {
+      text-align: right;
+      flex: 1;
+    }
+  }
+}

scss/components/_forms.scss

@@ -0,0 +1,56 @@
+.item-form {
+  font-family: $font-primary;
+}
+
+.sheet-header {
+  flex: 0 0 210px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  margin-bottom: 10px;
+
+  .profile-img {
+    flex: 0 0 100px;
+    height: 100px;
+    margin-right: 10px;
+  }
+
+  .header-fields {
+    flex: 1;
+  }
+
+  h1.charname {
+    height: 50px;
+    padding: 0px;
+    margin: 5px 0;
+    border-bottom: 0;
+    input {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+    }
+    font-family: $font-heading;
+  }
+}
+
+.sheet-tabs {
+  flex: 0;
+}
+
+.sheet-body,
+.sheet-body .tab,
+.sheet-body .tab .editor {
+  height: 100%;
+}
+
+.tox {
+  .tox-editor-container {
+    background: $c-white;
+  }
+
+  .tox-edit-area {
+    padding: 0 8px;
+  }
+}

scss/components/_items.scss

@@ -0,0 +1,35 @@
+.items-list {
+  list-style: none;
+  margin: 7px 0;
+  padding: 0;
+  overflow-y: auto;
+
+  .item-header {
+    font-weight: bold;
+  }
+
+  .item {
+    height: 30px;
+    line-height: 24px;
+    padding: 3px 0;
+    border-bottom: 1px solid #BBB;
+
+    .item-image {
+      flex: 0 0 24px;
+      margin-right: 5px;
+    }
+
+    img {
+      display: block;
+    }
+  }
+
+  .item-name {
+    margin: 0;
+  }
+
+  .item-controls {
+    flex: 0 0 86px;
+    text-align: right;
+  }
+}

scss/components/_tabs.scss

@@ -0,0 +1,14 @@
+nav.tabs {
+  height: 40px;
+  border-top: 2px groove #eeede0;
+  border-bottom: 2px groove #eeede0;
+
+  .item {
+    line-height: 40px;
+    font-weight: bold;
+  }
+
+  .item.active {
+    text-decoration: none;
+  }
+}