Logical properties

[Yohn]

See picocss#599

[Yohn]

I noticed some scss files are using both

padding-right: **;
padding-left: **;
padding-inline-start: **;
padding-inline-end: **;

When it should be only using the latter, *-inline-start & *-inline-end. I found this within the following file but there could be more.

PicoCSS/scss/forms/_basics.scss

Lines 280 to 293 in 21d89e9

	padding-right: calc(
	var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem
	) !important;
	padding-left: var(#{$css-var-prefix}form-element-spacing-horizontal);
	padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal) !important;
	padding-inline-end: calc(
	var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem
	) !important;
	} @else {
	padding-right: calc(var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem);
	padding-left: var(#{$css-var-prefix}form-element-spacing-horizontal);
	padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);
	padding-inline-end: calc(var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem);
	}

[Yohn]

closed for #47