refactor: add RTL styling for inputs

Author: mrholek

scss/_reboot.scss

@@ -554,17 +554,16 @@ legend {
 
 // 1. A few input types should stay LTR
 // See https://rtlstyling.com/posts/rtl-styling#form-inputs
-// 2. RTL only output
-// See https://rtlcss.com/learn/usage-guide/control-directives/#raw
 
-/* rtl:raw:
-[type="tel"],
-[type="url"],
-[type="email"],
-[type="number"] {
-  direction: ltr;
+*[dir="rtl"] {
+  [type="tel"],
+  [type="url"],
+  [type="email"],
+  [type="number"] {
+    direction: ltr;
+  }
 }
-*/
+
 
 // Remove the inner padding in Chrome and Safari on macOS.