1 files changed, 42 insertions, 0 deletions
diff --git a/public/projects/react-small-apps/apps/todos/src/App.scss b/public/projects/react-small-apps/apps/todos/src/App.scss
new file mode 100644
index 0000000..81cb55d
--- /dev/null
+++ b/public/projects/react-small-apps/apps/todos/src/App.scss
@@ -0,0 +1,42 @@
+@use "./sass/abstracts/variables" as var;
+
+a {
+  color: var.$primary-color;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 3px;
+  transition: all 0.3s ease-in 0s;
+
+  &:hover,
+  &:focus {
+    color: var.$primary-color-light;
+  }
+
+  &:hover {
+    text-decoration-thickness: 1px;
+  }
+
+  &:active {
+    color: var.$primary-color-dark;
+  }
+}
+
+#app {
+  background: var.$background-color;
+  color: var.$foreground-color;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
+    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-size: 1rem;
+  line-height: 1.618;
+  display: flex;
+  flex-flow: column nowrap;
+  min-height: 100vh;
+}
+
+.container {
+  width: min(calc(100vw - 2rem), 80ch);
+  margin: auto;
+}
+
+.main {
+  flex: 1;
+}