Feat(web): Use logical properties to apply borders in Stack direct descendants #JALL-107

dlouhak · literat · commit 1c38dbe990ed · 2023-05-02T17:27:44.000+02:00
diff --git a/packages/web/src/scss/components/Stack/_Stack.scss b/packages/web/src/scss/components/Stack/_Stack.scss
@@ -18,7 +18,7 @@
 }
 
 .Stack--hasIntermediateDividers > * {
-    border-top: theme.$border;
+    border-block-start: theme.$border;
 }
 
 .Stack--hasSpacing > * {
@@ -40,19 +40,19 @@
 
 .Stack--hasIntermediateDividers > :first-child {
     padding-block-start: 0;
-    border-top: none;
+    border-block-start: none;
 }
 
 .Stack--hasIntermediateDividers > :last-child {
     padding-block-end: 0;
 }
 
 .Stack--hasStartDivider > :first-child {
-    border-top: theme.$border;
+    border-block-start: theme.$border;
 }
 
 .Stack--hasEndDivider > :last-child {
-    border-bottom: theme.$border;
+    border-block-end: theme.$border;
 }
 
 .Stack--hasSpacing.Stack--hasStartDivider > :first-child {

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.Stack--hasIntermediateDividers > * {`
`21`		`- border-top: theme.$border;`
	`21`	`+ border-block-start: theme.$border;`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.Stack--hasSpacing > * {`
`@@ -40,19 +40,19 @@`
`40`	`40`
`41`	`41`	`.Stack--hasIntermediateDividers > :first-child {`
`42`	`42`	`padding-block-start: 0;`
`43`		`- border-top: none;`
	`43`	`+ border-block-start: none;`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`.Stack--hasIntermediateDividers > :last-child {`
`47`	`47`	`padding-block-end: 0;`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`.Stack--hasStartDivider > :first-child {`
`51`		`- border-top: theme.$border;`
	`51`	`+ border-block-start: theme.$border;`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`.Stack--hasEndDivider > :last-child {`
`55`		`- border-bottom: theme.$border;`
	`55`	`+ border-block-end: theme.$border;`
`56`	`56`	`}`
`57`	`57`
`58`	`58`	`.Stack--hasSpacing.Stack--hasStartDivider > :first-child {`