scss: move _basic to root

src/scss/_basic.scss

@@ -1,5 +1,29 @@
-/* basic elements */
+/* basic elements and shared styles */
-@use '../vars';
+@use 'vars';
+
+html,
+body * {
+  font-family: var(--font-default);
+}
+
+html, body {
+  margin: 0;
+  padding: 0;
+}
+
+.logo {
+  font-weight: 700;
+  user-select: none;
+  a {
+    color: inherit;
+  }
+  .t-jsoncv {
+    display: inline-block; border: 1px solid #aaa; padding: 2px 4px;
+  }
+  .t-json {
+    color: #aaa;
+  }
+}
 
 input[type=text],
 input[type=email] {

src/scss/_shared.scss

@@ -1,23 +0,0 @@
-/* shared styles */
-@use 'vars';
-
-html,
-body * {
-  font-family: var(--font-default);
-}
-
-html, body {
-  margin: 0;
-  padding: 0;
-}
-
-.logo {
-  font-weight: 700;
-  user-select: none;
-  .t-jsoncv {
-    display: inline-block; border: 1px solid #aaa; padding: 2px 4px;
-  }
-  .t-json {
-    color: #aaa;
-  }
-}

src/scss/_vars.scss

@@ -35,8 +35,8 @@
   background-color: var(--grey-0);
   border: 1px solid transparent;
   border-radius: 2px;
-  padding: 0px 8px;
+  padding: 3px 8px;
-  line-height: 22px;
+  // line-height: 22px;
 
   &:hover {
     background-color: var(--grey-1);

src/scss/editor/index.scss

@@ -1,6 +1,5 @@
-@use 'basic';
+@use '../basic';
 @use 'json-editor';
-@use '../shared';
 
 button {
   font-size: 13px;

src/scss/home.scss

@@ -1,5 +1,5 @@
 @use 'vars';
-@use 'shared';
+@use 'basic';
 
 html, body {
   height: 100vh;
@@ -25,6 +25,10 @@ main {
   footer {
     margin-top: var(--gap2);
     color: var(--color-text-dim);
+
+    svg {
+      vertical-align: bottom;
+    }
   }
 }
 
@@ -32,11 +36,3 @@ a {
   color: #333;
   text-decoration: underline;
 }
-
-button {
-  @include vars.normal-button;
-}
-
-svg {
-  vertical-align: bottom;
-}