From 0a02aba954e9a1aeebeb2751f04c3360c640eaa7 Mon Sep 17 00:00:00 2001 From: Adam Wood Date: Mon, 30 Jan 2023 13:13:47 +1300 Subject: [PATCH] Add brushstrokes to mission and 4 freedoms --- .../images/about-4-freedoms-underline.svg | 8 ++++++ .../images/about-mission-swirl.svg | 14 ++++++++++ .../wporg-main-2022/src/style/style.scss | 28 +++++++++++++++++++ 3 files changed, 50 insertions(+) create mode 100644 source/wp-content/themes/wporg-main-2022/images/about-4-freedoms-underline.svg create mode 100644 source/wp-content/themes/wporg-main-2022/images/about-mission-swirl.svg 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-"] {