chore: replace right/left with inline-* value for better rtl support

This commit is contained in:
TAKAHASHI Shuuji 2024-06-09 16:26:12 +09:00
parent 6dc6489e69
commit 2ee481103c
No known key found for this signature in database
GPG key ID: F15C887632129F5E
14 changed files with 44 additions and 61 deletions

View file

@ -16,8 +16,8 @@
> header,
> footer {
margin-right: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
margin-left: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
margin-inline-start: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
margin-inline-end: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);
padding: calc(var(#{$css-var-prefix}block-spacing-vertical) * 0.66)
var(#{$css-var-prefix}block-spacing-horizontal);
background-color: var(#{$css-var-prefix}card-sectioning-background-color);
@ -29,8 +29,8 @@
border-bottom: var(#{$css-var-prefix}border-width)
solid
var(#{$css-var-prefix}card-border-color);
border-top-right-radius: var(#{$css-var-prefix}border-radius);
border-top-left-radius: var(#{$css-var-prefix}border-radius);
border-start-start-radius: var(#{$css-var-prefix}border-radius);
border-start-end-radius: var(#{$css-var-prefix}border-radius);
}
> footer {