Update styles for logical properties

Author: janniks

README.md

@@ -86,7 +86,7 @@ export default {
 </script>
 
 <style>
-@import "vue-notion/dist/styles.css"; /* optional Notion-like styles */
+@import "vue-notion/src/styles.css"; /* optional Notion-like styles */
 </style>
 ```
 

example/pages/_slug.vue

@@ -32,5 +32,5 @@ export default {
 </script>
 
 <style>
-@import "vue-notion/dist/styles.css";
+@import "vue-notion/src/styles.css";
 </style>

example/pages/basic-example.vue

@@ -16,5 +16,5 @@ export default {
 </script>
 
 <style>
-@import "vue-notion/dist/styles.css"; /* optional Notion-like styles */
+@import "vue-notion/src/styles.css"; /* optional Notion-like styles */
 </style>

src/styles.css

@@ -284,17 +284,26 @@ img.notion-page-icon {
 
 .notion-list-disc {
   list-style-type: disc;
-  padding-inline-start: 1.7em;
+  padding-left: 1.7em; /* edit: changed logical propterties default to left */
   margin-top: 0px;
   margin-bottom: 0px;
 }
 .notion-list-numbered {
   list-style-type: decimal;
-  padding-inline-start: 1.6em;
+  padding-left: 1.6em; /* edit: changed logical propterties default to left */
   margin-top: 0px;
   margin-bottom: 0px;
 }
 
+/* edit start: added rtl override */
+[dir="rtl"] .notion-list-disc {
+  padding-right: 1.7em;
+}
+[dir="rtl"] .notion-list-numbered {
+  padding-right: 1.6em;
+}
+/* edit end */
+
 .notion-list-disc li {
   padding-left: 0.1em;
 }