Add brushstrokes to mission and 4 freedoms

WordPress · Feb 2, 2023 · 60c83e6 · 60c83e6
1 parent a2e2142
commit 60c83e6
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 0 deletions.
diff --git a/source/wp-content/themes/wporg-main-2022/images/about-4-freedoms-underline.svg b/source/wp-content/themes/wporg-main-2022/images/about-4-freedoms-underline.svg
diff --git a/source/wp-content/themes/wporg-main-2022/images/about-mission-swirl.svg b/source/wp-content/themes/wporg-main-2022/images/about-mission-swirl.svg
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
@@ -213,6 +213,34 @@ html[dir="rtl"] :where([style*="border-right-color"]) {
 	.wporg-about-section-heading {
 		// move the section heading up to align with the top of the right column
 		margin-block-start: -10px !important;
+
+		.wporg-about-section-mission & {
+			position: relative;
+
+			&::after {
+				content: "";
+				position: absolute;
+				width: 87px;
+				height: 41px;
+				top: 115%;
+				left: 2%;
+				background-image: url(../../images/about-mission-swirl.svg);
+			}
+		}
+
+		.wporg-about-section-freedoms & {
+			position: relative;
+
+			&::after {
+				content: "";
+				position: absolute;
+				width: 315px;
+				height: 50px;
+				top: 84%;
+				left: 10%;
+				background-image: url(../../images/about-4-freedoms-underline.svg);
+			}
+		}
 	}
 
 	[class*="wporg-about-section-freedom-"] {