style: polish Persian RTL layout and typography

2026-09-08 19:21:52 +03:30
parent 3af34dbd92
commit 273f92a3c3
13 changed files with 237 additions and 27 deletions
--- a/src/components/ExperienceSection.module.css
+++ b/src/components/ExperienceSection.module.css
@@ -89,11 +89,17 @@
 .itemContent {
  display: flex;
  flex-grow: 1;
-  padding-left: 1.25rem;
+  padding-inline-start: 1.25rem;
  padding-bottom: 2.25rem;
  gap: 2.25rem;
 }

+.identityCol,
+.detailsCol,
+.roleTitles {
+  text-align: start;
+}
+
@media (prefers-reduced-motion: reduce) {
  .nodeCurrent::after {
    animation: none;
@@ -260,7 +266,7 @@
  }

  .itemContent {
-    padding-left: var(--space-3);
+    padding-inline-start: var(--space-3);
  }

  .metaRow {