Initial import

scss/components/_forms.scss

@@ -0,0 +1,37 @@
+header {
+    display: flex !important;
+    background-image: none;
+    background-color: $accent-color;
+
+    a {
+        color: white;
+    }
+
+    a:hover {
+        color: white;
+        text-shadow: 0 0 5px white;
+    }
+}
+
+.sheet-body,
+.sheet-body .tab,
+.sheet-body, .editor {
+    height: 100%;
+}
+
+.tox {
+    .tox-editor-container {
+        background: white;
+    }
+
+    .tox-edit-area {
+        padding: 4px 8px;
+    }
+}
+
+form .notes,
+form .hint {
+    font-size: 1rem;
+    line-height: 1.4rem;
+    color: #363636;
+}

scss/components/_images.scss

@@ -0,0 +1,4 @@
+img.is-cover {
+    object-fit: cover;
+    border-color: $accent-color;
+}

scss/components/_tabs.scss

@@ -0,0 +1,5 @@
+.tabs .item.active {
+    text-shadow: none;
+    border-bottom-color: $accent-color;
+    color: $accent-color;
+}

scss/components/_text.scss

@@ -0,0 +1,21 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-weight: bold;
+    border-bottom: none
+}
+
+h1 {
+    font-size: 2rem;
+}
+
+h2 {
+    font-size: 1.5rem;
+}
+
+h3 {
+    font-size: 1.2rem;
+}

scss/frostgrave.scss

@@ -0,0 +1,18 @@
+@charset "utf-8";
+// Import utilities.
+@import "utils/variables";
+
+/* Global styles */
+
+@import "global/window";
+
+/* Styles limited to Frostgrave sheets */
+
+.frostgrave {
+    @import "../node_modules/bulma/bulma.sass";
+    @import "components/forms";
+    @import "components/images";
+    @import "components/text";
+    @import "components/tabs";
+    @import "components/items";
+}

scss/global/_window.scss

@@ -0,0 +1,48 @@
+.window-app {
+    box-shadow: 0 0 20px $accent-color;
+
+    .window-content {
+        background-image: url("../img/bg.jpg");
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-color: hsl(206, 70%, 96%);
+
+    }
+}
+
+.rollable {
+    &:hover,
+    &:focus {
+        cursor: pointer;
+    }
+}
+
+::-webkit-scrollbar-thumb {
+    outline: none;
+    border-radius: 3px;
+    background: $accent-color;
+    border: 1px solid white;
+}
+
+a:hover {
+    color: $accent-color;
+    text-shadow: 0 0 5px white;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime-local"]:focus {
+    box-shadow: 0 0 5px $accent-color;
+}
+
+.editor-edit {
+    display: none;
+    font-size: 1.25em;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    background: none;
+    border: none;
+    border-radius: 0px;
+    box-shadow: none;
+}

scss/utils/_variables.scss

@@ -0,0 +1 @@
+$accent-color: hsl(204, 86%, 53%);