CSS Logical Properties and RTL support (+ class optimization)#21

Instead:

.padding-horizontal-4xl {
     padding-left: 3.05rem;
     padding-left: var(--space-4xl);
     padding-right: 3.05rem;
     padding-right: var(--space-4xl);
}
.padding-vertical-4xs {
     padding top: 0.33rem;
     padding-top: var(--space-4xs);
     padding-bottom: 0.33rem;
     padding-bottom: var(--space-4xs);
}

This:

.padding-horizontal-4xl {
     padding-inline: var(--space-4xl);
}
.padding-vertical-4xs {
   padding-block: var(--space-4xl);
}

Just saw it. This is the same as https://feedback.coreframework.com/31.
Very good suggestion!

Unfortunately, it seems that padding-inline and padding-block doesn’t have a same global support as padding, so I am not sure if we can do this right now, but keeping an eye on that:

https://caniuse.com/?search=padding-inline