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 new file mode 100644 index 00000000..ca8a082b --- /dev/null +++ b/source/wp-content/themes/wporg-main-2022/images/about-4-freedoms-underline.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file 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 new file mode 100644 index 00000000..7b52124a --- /dev/null +++ b/source/wp-content/themes/wporg-main-2022/images/about-mission-swirl.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file 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 a4f01ce8..561ecfb8 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 @@ -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-"] {