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

@ -9,10 +9,8 @@
.container,
.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: var(#{$css-var-prefix}spacing);
padding-left: var(#{$css-var-prefix}spacing);
margin-inline: auto;
padding-inline: var(#{$css-var-prefix}spacing);
}
.container {
@ -23,8 +21,7 @@
max-width: map.get($values, "viewport");
@if $first-breakpoint {
$first-breakpoint: false;
padding-right: 0;
padding-left: 0;
padding-inline: 0;
}
}
}

View file

@ -32,8 +32,7 @@
@if $enable-semantic-container {
$first-breakpoint: true;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-inline: auto;
padding: var(#{$css-var-prefix}block-spacing-vertical)
var(#{$css-var-prefix}block-spacing-horizontal);
@ -44,8 +43,7 @@
max-width: map.get($values, "viewport");
@if $first-breakpoint {
$first-breakpoint: false;
padding-right: 0;
padding-left: 0;
padding-inline: 0;
}
}
}