1 files changed, 46 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/editor/align/sidebar.css b/animism-align/frontend/app/views/editor/align/sidebar.css
new file mode 100644
index 0000000..60e9321
--- /dev/null
+++ b/animism-align/frontend/app/views/editor/align/sidebar.css
@@ -0,0 +1,46 @@
+/* Script */
+
+.sidebar {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 15rem;
+  z-index: 8;
+}
+.sidebar textarea {
+  height: calc(100vh - 3.15rem);
+}
+.sidebar .buttons {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 15rem;
+  z-index: 9;
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  background: #111;
+}
+.sidebar .buttons button {
+  border: 0;
+  background: transparent;
+}
+.sidebar .buttons button:hover {
+  background: #333;
+}
+
+/* table of contents */
+
+.toc {
+  background: #222;
+  width: 15rem;
+  padding: 0.5rem 0;
+}
+.toc div {
+  width: 15rem;
+  padding: 0.25rem 0.75rem;
+  cursor: pointer;
+}
+.toc div:hover {
+  background: #213;
+}