split scss into partials

1 files changed, 64 insertions, 0 deletions

diff --git a/apps/Notes/styles/_noteEdit.scss b/apps/Notes/styles/_noteEdit.scss
new file mode 100644
index 0000000..43191fe
--- /dev/null
+++ b/apps/Notes/styles/_noteEdit.scss
@@ -0,0 +1,64 @@
+.noteEdit {
+  @keyframes fade-in {
+    from {opacity: 0;}
+    to {opacity: 1;}
+  }
+
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1em 1em 2em;
+  animation: fade-in .3s;
+
+  h2 {
+    font-size: 1.2em;
+    margin-bottom: .5em;
+  }
+
+  form {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    flex-grow: 1;
+
+    & > div {
+      text-align: right;
+    }
+  }
+
+  input[type=text] {
+    background-color: var(--color-window-content);
+    color: var(--color-text-alt);
+    margin-bottom: .5rem;
+    height: 3rem;
+    border: none;
+    padding: 0.5rem;
+    font-size: 1rem;
+    border: 1px dashed var(--color-window-buttons);
+
+    &:placeholder {
+      font: inherit;
+    }
+  }
+
+  textarea {
+    background-color: var(--color-window-content);
+    color: var(--color-text-alt);
+    font-size: 1rem;
+    flex-grow: 1;
+    resize: none;
+    height: 100%;
+    width: 100%;
+    border: none;
+    border: 1px dashed var(--color-window-buttons);
+    padding: 0.5rem;
+
+    &:placeholder {
+      font: inherit;
+    }
+  }
+}