Stop use postcss-nested postcss-extend-rule

1 files changed, 37 insertions, 0 deletions

diff --git a/src/components/Root.module.scss b/src/components/Root.module.scss
new file mode 100644
index 0000000..6538b75
--- /dev/null
+++ b/src/components/Root.module.scss
@@ -0,0 +1,37 @@
+.app {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+
+  display: flex;
+
+  background: var(--color-background);
+  color: var(--color-text);
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+  }
+}
+
+.content {
+  flex-grow: 1;
+  overflow: auto;
+
+  /*
+
+  $w: 7px;
+  &::-webkit-scrollbar {
+    width: $w;
+  }
+  &::-webkit-scrollbar-thumb {
+    border-radius: 20px;
+    background-color: rgba(221, 221, 221, 0.7);
+  }
+  &::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+
+  */
+}