From 50fcbcf2a7f0ef10a753d7e31bbf93a40c58974d Mon Sep 17 00:00:00 2001
From: Adam Wood <adam.wood@automattic.com>
Date: Fri, 20 Jan 2023 14:05:52 +1300
Subject: [PATCH] Add RTL support

---
 .../themes/wporg-main-2022/patterns/about.php |  4 +--
 .../wporg-main-2022/src/style/style.scss      | 30 +++++++++++++++++--
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/source/wp-content/themes/wporg-main-2022/patterns/about.php b/source/wp-content/themes/wporg-main-2022/patterns/about.php
index a39bac91..28476245 100644
--- a/source/wp-content/themes/wporg-main-2022/patterns/about.php
+++ b/source/wp-content/themes/wporg-main-2022/patterns/about.php
@@ -93,8 +93,8 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"align":"full","style":{"color":{"background":"#f0ede7"},"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|40","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}}},"textColor":"charcoal-1","className":"wporg-about-section-freedoms","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull wporg-about-section-freedoms has-charcoal-1-color has-text-color has-background" style="background-color:#f0ede7;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--edge-space)"><!-- wp:heading {"textAlign":"left","align":"wide","style":{"typography":{"fontSize":"90px","letterSpacing":"-0.05em","lineHeight":"0.9"}},"className":"wporg-about-section-heading","fontFamily":"inter"} -->
-<h2 class="wp-block-heading alignwide has-text-align-left wporg-about-section-heading has-inter-font-family" style="font-size:90px;letter-spacing:-0.05em;line-height:0.9"><?php _e( 'the four freedoms', 'wporg' ); ?></h2>
+<div class="wp-block-group alignfull wporg-about-section-freedoms has-charcoal-1-color has-text-color has-background" style="background-color:#f0ede7;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--edge-space)"><!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"90px","letterSpacing":"-0.05em","lineHeight":"0.9"}},"className":"wporg-about-section-heading","fontFamily":"inter"} -->
+<h2 class="wp-block-heading alignwide wporg-about-section-heading has-inter-font-family" style="font-size:90px;letter-spacing:-0.05em;line-height:0.9"><?php _e( 'the four freedoms', 'wporg' ); ?></h2>
 <!-- /wp:heading -->
 
 <!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|40"},"margin":{"top":"0"}}},"className":"is-style-default"} -->
diff --git a/source/wp-content/themes/wporg-main-2022/src/style/style.scss b/source/wp-content/themes/wporg-main-2022/src/style/style.scss
index fc37342f..dc08cebc 100644
--- a/source/wp-content/themes/wporg-main-2022/src/style/style.scss
+++ b/source/wp-content/themes/wporg-main-2022/src/style/style.scss
@@ -121,6 +121,12 @@ html[dir="rtl"] :where([style*="border-right-color"]) {
 		background-image: url(../../images/about-cover-underline.svg);
 		background-repeat: no-repeat;
 		background-position: center;
+
+		[dir="rtl"] & {
+			left: unset;
+			right: -5px;
+			transform: scaleX(-1);
+		}
 	}
 }
 
@@ -152,9 +158,27 @@ html[dir="rtl"] :where([style*="border-right-color"]) {
 		}
 	}
 
-	> span {
-		&:last-child {
-			grid-row: 3;
+	> span:last-child {
+		grid-row: 3;
+		text-align: left;
+	}
+
+	[dir="rtl"] & {
+		text-align: left;
+
+		&::after {
+			transform: scaleX(-1);
+		}
+
+		> span:last-child {
+			text-align: right;
+		}
+	}
+}
+
+.wporg-about-cover-intro {
+	[dir="rtl"] & {
+		p {
 			text-align: left;
 		}
 	}