diff --git a/src/scss/editor/_basic.scss b/src/scss/_basic.scss similarity index 74% rename from src/scss/editor/_basic.scss rename to src/scss/_basic.scss index c17315d..d113587 100644 --- a/src/scss/editor/_basic.scss +++ b/src/scss/_basic.scss @@ -1,5 +1,29 @@ -/* basic elements */ -@use '../vars'; +/* basic elements and shared styles */ +@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] { diff --git a/src/scss/_shared.scss b/src/scss/_shared.scss deleted file mode 100644 index 582a25f..0000000 --- a/src/scss/_shared.scss +++ /dev/null @@ -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; - } -} diff --git a/src/scss/_vars.scss b/src/scss/_vars.scss index 4286c36..792fa26 100644 --- a/src/scss/_vars.scss +++ b/src/scss/_vars.scss @@ -35,8 +35,8 @@ background-color: var(--grey-0); border: 1px solid transparent; border-radius: 2px; - padding: 0px 8px; - line-height: 22px; + padding: 3px 8px; + // line-height: 22px; &:hover { background-color: var(--grey-1); diff --git a/src/scss/editor/index.scss b/src/scss/editor/index.scss index 0886c74..7c2a203 100644 --- a/src/scss/editor/index.scss +++ b/src/scss/editor/index.scss @@ -1,6 +1,5 @@ -@use 'basic'; +@use '../basic'; @use 'json-editor'; -@use '../shared'; button { font-size: 13px; diff --git a/src/scss/home.scss b/src/scss/home.scss index ca1b43a..4193095 100644 --- a/src/scss/home.scss +++ b/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; -}