@@ -187,13 +187,19 @@ export const spacingRule: UtilityRule = (parsed, config) => {
187187 pr : [ 'padding-right' ] ,
188188 pb : [ 'padding-bottom' ] ,
189189 pl : [ 'padding-left' ] ,
190+ // Logical padding (for RTL support)
191+ ps : [ 'padding-inline-start' ] ,
192+ pe : [ 'padding-inline-end' ] ,
190193 m : [ 'margin' ] ,
191194 mx : [ 'margin-left' , 'margin-right' ] ,
192195 my : [ 'margin-top' , 'margin-bottom' ] ,
193196 mt : [ 'margin-top' ] ,
194197 mr : [ 'margin-right' ] ,
195198 mb : [ 'margin-bottom' ] ,
196199 ml : [ 'margin-left' ] ,
200+ // Logical margin (for RTL support)
201+ ms : [ 'margin-inline-start' ] ,
202+ me : [ 'margin-inline-end' ] ,
197203 }
198204
199205 const properties = prefixes [ parsed . utility ]
@@ -623,6 +629,9 @@ export const borderSideWidthRule: UtilityRule = (parsed) => {
623629 'border-l' : 'border-left-width' ,
624630 'border-x' : [ 'border-left-width' , 'border-right-width' ] ,
625631 'border-y' : [ 'border-top-width' , 'border-bottom-width' ] ,
632+ // Logical borders (for RTL support)
633+ 'border-s' : 'border-inline-start-width' ,
634+ 'border-e' : 'border-inline-end-width' ,
626635 }
627636
628637 const prop = sideUtilities [ parsed . utility ]
0 commit comments