settings

1 files changed, 51 insertions, 0 deletions

diff --git a/apps/Settings/styles/Settings.module.scss b/apps/Settings/styles/Settings.module.scss
new file mode 100644
index 0000000..9edef38
--- /dev/null
+++ b/apps/Settings/styles/Settings.module.scss
@@ -0,0 +1,51 @@
+.settings {
+  text-align: center;
+  padding: 1em;
+
+  span {
+    padding: .5em;
+  }
+
+  div {
+    text-align: left;
+    margin: 1.5em 0;
+
+    &:nth-of-type(1) {
+      margin-top: .5em;
+    }
+
+    &:nth-of-type(3) {
+      margin-top: 3em;
+    }
+
+    &:nth-of-type(4) > span {
+      width: 2em;
+      height: 2em;
+      display: inline-block;
+      margin: 0 1em;
+      outline-offset: 4px;
+
+      &:nth-of-type(1) {
+        background-color: #53e3a6;
+      }
+
+      &:nth-of-type(2) {
+        background-color: #2986b3;
+      }
+
+      &:nth-of-type(3) {
+        background-color: #000;
+      }
+    }
+  }
+
+  input {
+    margin: 1em auto;
+  }
+
+  &__active {
+    outline: 3px solid var(--color-window-buttons);
+  }
+}
+
+