fix: Commit styles.css in src

.gitignore

@@ -8,7 +8,7 @@ node_modules
 # Don't include the compiled files in the repo.
 # They should be uploaded to GitHub releases instead.
 main.js
-styles.css
+/styles.css
 
 # Exclude sourcemaps
 *.map

src/CreateModal/styles.css

@@ -0,0 +1,68 @@
+.create-task__create-modal {
+  container-type: inline-size;
+}
+
+.create-task__create-modal-heading {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.create-task__create-modal-heading button {
+  gap: var(--size-4-2);
+}
+
+.create-task__create-modal-row {
+  display: grid;
+  grid-template-rows: auto auto;
+  gap: var(--size-4-4);
+  border-top: 1px solid var(--background-modifier-border);
+  border-bottom: 1px solid var(--background-modifier-border);
+  padding-top: var(--size-4-4);
+  padding-bottom: var(--size-4-4);
+}
+
+@container (min-width: 500px) {
+  .create-task__create-modal-row {
+    grid-template-rows: auto;
+    grid-template-columns: 1fr 1fr;
+    gap: var(--size-4-8);
+  }
+}
+
+.create-task__create-modal-row + .create-task__create-modal-row {
+  border-top: none;
+}
+
+.create-task__create-modal-left {
+  display: flex;
+  gap: var(--size-4-2);
+}
+
+.create-task__create-modal-right select,
+.create-task__create-modal-right input,
+.create-task__create-modal-right textarea {
+  width: 100%;
+}
+
+.create-task__create-modal-right textarea {
+  resize: vertical;
+}
+
+.create-task__create-modal-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--size-4-2);
+  margin-top: var(--size-4-4);
+}
+
+.create-task__preview {
+  display: block;
+  word-break: break-all;
+  padding: var(--size-4-4);
+  background-color: var(--code-background);
+  white-space: var(--code-whitespace);
+  font-size: var(--code-size);
+  border-radius: var(--radius-s);
+  margin-top: var(--size-4-2);
+}

src/settings/styles.css

@@ -0,0 +1,2 @@
+@import "./AddCustomNote.css";
+@import "./CustomNotes.css";

src/styles.css

@@ -0,0 +1,27 @@
+/*
+
+This CSS file will be included with your plugin, and
+available in the app when your plugin is enabled.
+
+If your plugin does not need CSS, delete this file.
+
+*/
+
+@import "./CreateModal/styles.css";
+@import "./settings/styles.css";
+
+.create-task__info {
+  color: var(--text-muted);
+  font-size: var(--font-ui-smaller);
+  line-height: var(--line-height-tight);
+  margin-top: var(--size-4-2);
+  margin-bottom: 0;
+}
+
+.create-task__error {
+  color: var(--text-error);
+  font-size: var(--font-ui-smaller);
+  line-height: var(--line-height-tight);
+  margin-top: var(--size-4-2);
+  margin-bottom: 0;
+}