Merge "Simplify direction specific styles using margin-inline"

This commit is contained in:
jenkins-bot 2024-10-07 19:27:59 +00:00 committed by Gerrit Code Review
commit 17c33d17b2

View file

@ -1,4 +1,5 @@
@import 'mediawiki.skin.variables.less'; @import 'mediawiki.skin.variables.less';
@import 'mediawiki.mixins.less';
/* stylelint-disable no-descending-specificity */ /* stylelint-disable no-descending-specificity */
span[ data-mw-comment-start ] { span[ data-mw-comment-start ] {
@ -59,20 +60,12 @@ h1, h2, h3, h4, h5, h6 {
&-bracket { &-bracket {
color: @color-subtle; color: @color-subtle;
.mw-content-ltr &:not( :last-child ), &:not( :last-child ) {
.mw-content-rtl .mw-content-ltr &:not( :last-child ), .margin-inline( 0, 0.25em );
.mw-content-rtl &:last-child,
.mw-content-ltr .mw-content-rtl &:last-child {
/* @noflip */
margin-right: 0.25em;
} }
.mw-content-ltr &:last-child, &:last-child {
.mw-content-rtl .mw-content-ltr &:last-child, .margin-inline( 0.25em, 0 );
.mw-content-rtl &:not( :last-child ),
.mw-content-ltr .mw-content-rtl &:not( :last-child ), {
/* @noflip */
margin-left: 0.25em;
} }
} }
} }
@ -236,20 +229,12 @@ h1, h2, h3, h4, h5, h6 {
&-bracket { &-bracket {
color: @color-subtle; color: @color-subtle;
.mw-content-ltr &:first-child, &:first-child {
.mw-content-rtl .mw-content-ltr &:first-child, .margin-inline( 0, 0.25em );
.mw-content-rtl &:last-child,
.mw-content-ltr .mw-content-rtl &:last-child {
/* @noflip */
margin-right: 0.25em;
} }
.mw-content-ltr &:last-child, &:last-child {
.mw-content-rtl .mw-content-ltr &:last-child, .margin-inline( 0.25em, 0 );
.mw-content-rtl &:first-child,
.mw-content-ltr .mw-content-rtl &:first-child {
/* @noflip */
margin-left: 0.25em;
} }
} }