Replaced all inline entries with attribute bases selectors

src/components/listview/listview.scss

@@ -9,10 +9,18 @@
     margin: 0;
     display: block;
     align-items: center;
-    text-align: start;
-    padding: 0.25em 0.25em 0.25em 0.5em;
     cursor: pointer;
     overflow: hidden;
+
+    [dir="ltr"] & {
+        text-align: left;
+        padding: 0.25em 0.25em 0.25em 0.5em;
+    }
+
+    [dir="rtl"] & {
+        text-align: right;
+        padding: 0.25em 0.5em 0.25em 0.25em;
+    }
 }
 
 .listItem-withContentWrapper {
@@ -211,7 +219,14 @@
     width: 1em !important;
     height: 1em !important;
     font-size: 143%;
-    margin: 0 0.25em 0 0;
+
+    [dir="ltr"] & {
+        margin: 0 0.25em 0 0;
+    }
+
+    [dir="rtl"] & {
+        margin: 0 0 0 0.25em;
+    }
 }
 
 .listItemIcon:not(.listItemIcon-transparent) {
@@ -219,7 +234,14 @@
     color: #fff;
     padding: 0.5em;
     border-radius: 100em;
-    margin: 0 0.2em 0 0.4em;
+
+    [dir="ltr"] & {
+        margin: 0 0.2em 0 0.4em;
+    }
+
+    [dir="rtl"] & {
+        margin: 0 0.4em 0 0.2em;
+    }
 }
 
 .listItemProgressBar {