mirrors/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey.git synced 2025-07-07 12:36:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(frontend): tweak spacer style

Browse source
This commit is contained in:
syuilo 2025-04-27 20:51:57 +09:00
parent ddb41ba821
commit 04b7dd0948
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/style.scss
View file

@ -178,7 +178,7 @@ rt {
/* TODO: 引数は現在CSS変数経由で受け取っているが、将来的にはattr()を使った方が綺麗そう */ /* TODO: 引数は現在CSS変数経由で受け取っているが、将来的にはattr()を使った方が綺麗そう */
._spacer { ._spacer {
width: 100%; width: 100%;
max-width: calc(min(var(--MI_SPACER-w, 100%), 100%) - (var(--MI_SPACER-max, 24px) * 2)); max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-max, 24px) * 2)));
margin: var(--MI_SPACER-max, 24px) auto; margin: var(--MI_SPACER-max, 24px) auto;
container-type: inline-size; container-type: inline-size;
@ -189,13 +189,13 @@ rt {
} }
._forceShrinkSpacer ._spacer { ._forceShrinkSpacer ._spacer {
max-width: calc(min(var(--MI_SPACER-w, 100%), 100%) - (var(--MI_SPACER-min, 12px) * 2)); max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-min, 12px) * 2)));
margin: var(--MI_SPACER-min, 12px) auto; margin: var(--MI_SPACER-min, 12px) auto;
} }
@container (max-width: 450px) { @container (max-width: 450px) {
._spacer { ._spacer {
max-width: calc(min(var(--MI_SPACER-w, 100%), 100%) - (var(--MI_SPACER-min, 12px) * 2)); max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-min, 12px) * 2)));
margin: var(--MI_SPACER-min, 12px) auto; margin: var(--MI_SPACER-min, 12px) auto;
} }
} }