WIP server

1 files changed, 74 insertions, 0 deletions

diff --git a/src_scss/main.scss b/src_scss/main.scss
new file mode 100644
index 0000000..d7d247a
--- /dev/null
+++ b/src_scss/main.scss
@@ -0,0 +1,74 @@
+
+$color-grey-50: rgb(250, 250, 250);
+$color-grey-100: rgb(245, 245, 245);
+$color-grey-200: rgb(238, 238, 238);
+$color-grey-300: rgb(224, 224, 224);
+$color-grey-400: rgb(189, 189, 189);
+$color-grey-500: rgb(158, 158, 158);
+$color-grey-600: rgb(117, 117, 117);
+$color-grey-700: rgb(97, 97, 97);
+$color-grey-800: rgb(66, 66, 66);
+$color-grey-900: rgb(33, 33, 33);
+
+
+html, body, button, input {
+    font-family: sans-serif;
+    font-size: 12pt;
+}
+
+body {
+    margin: 1rem auto;
+    width: 920px;
+
+    .commits {
+        & > table {
+            width: 100%;
+            border: 1px solid $color-grey-500;
+            border-spacing: 0;
+
+            thead {
+                background-color: $color-grey-300;
+            }
+
+            tbody {
+                td {
+                    border-top: 1px solid $color-grey-500;
+                }
+            }
+
+            th, td {
+                padding: 0.2rem;
+            }
+
+            .col-change {
+                width: 12rem;
+                text-align: center;
+            }
+
+            .col-status {
+                width: 7rem;
+                text-align: center;
+            }
+        }
+    }
+
+    .commit {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        grid-gap: 0.5rem;
+
+        label {
+            font-weight: 600;
+            justify-self: right;
+        }
+
+        form {
+            display: inline;
+        }
+    }
+
+    .add {
+        margin: 1rem 0;
+        text-align: right;
+    }
+}