diff --git a/src/styles/application.scss b/src/styles/application.scss index 9b8647c8f..32bf54e2e 100644 --- a/src/styles/application.scss +++ b/src/styles/application.scss @@ -1,4 +1,3 @@ -@use 'variables'; @use 'basics'; @use 'loading'; @use 'ui'; diff --git a/src/styles/components/compose-form.scss b/src/styles/components/compose-form.scss index 9139a9ce3..37a986d39 100644 --- a/src/styles/components/compose-form.scss +++ b/src/styles/components/compose-form.scss @@ -1,17 +1,9 @@ -@use "../variables"; - .compose-form { &__warning { @apply text-xs mb-2.5 px-2.5 py-2 shadow-md rounded bg-accent-300 text-white; strong { @apply font-medium; - - @each $lang in variables.$cjk-langs { - &:lang(#{$lang}) { - @apply font-bold; - } - } } a { @@ -169,12 +161,6 @@ strong { @apply block font-medium text-black dark:text-white; - - @each $lang in variables.$cjk-langs { - &:lang(#{$lang}) { - @apply font-bold; - } - } } } } diff --git a/src/styles/ui.scss b/src/styles/ui.scss index 5678148be..3683497c1 100644 --- a/src/styles/ui.scss +++ b/src/styles/ui.scss @@ -86,7 +86,7 @@ .ui { display: block; width: 100%; - padding: 0 0 calc(var(--thumb-navigation-height) + 86px); + padding: 0 0 calc(60px + env(safe-area-inset-bottom) + 86px); .page { display: flex; diff --git a/src/styles/variables.scss b/src/styles/variables.scss deleted file mode 100644 index afcccbd20..000000000 --- a/src/styles/variables.scss +++ /dev/null @@ -1,10 +0,0 @@ -// Language codes that uses CJK fonts -/* stylelint-disable-next-line value-keyword-case -- locale filenames */ -$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW; - -// CSS variables -// NOTE: Prefer CSS variables whenever possible. -// They're future-proof and more flexible. -:root { - --thumb-navigation-height: calc(60px + env(safe-area-inset-bottom)); -}