Internationalized styling

[Malvoz]

It'd be super cool if internationalized styling was built in, taking this CSS as a random example:

generic-components/generic-switch/GenericSwitch.js

Lines 46 to 48 in 0f9ca6d

	label {
	margin-right: 10px;
	}

Using flow-relative properties as defined in CSS Logical Properties and Values the margin in this example would make sense for rtl languages as well:

label {
  margin-right: 10px; /* physical property: used as fallback for unsupporting browsers */
  margin-inline-end: 10px; /* logical property: margin-right in latin, margin-left in arabic */
}

The physical (non-logical) declarations could be removed once browser support for Logical Properties is considered good enough.

---

With this we could add something like "🌎 Internationalization" to the current list:

A collection of generic web components with a focus on:

• 🚹 Accessibility
• 🏗 Easy to use
• 🎨 Easy to style

... and "Easy to style" would apply to everyone. 🥰

[thepassle]

Thats a good point. Do you see any opportunities of where this could be implemented for the other components as well? I'd be happy to take a PR for this if you're interested 🙂