diff --git a/source/wp-content/themes/wporg-main-2022/images/about-cover-arrow.svg b/source/wp-content/themes/wporg-main-2022/images/about-cover-arrow.svg index b201df18..e59173e3 100644 --- a/source/wp-content/themes/wporg-main-2022/images/about-cover-arrow.svg +++ b/source/wp-content/themes/wporg-main-2022/images/about-cover-arrow.svg @@ -1,3 +1,30 @@ - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/source/wp-content/themes/wporg-main-2022/images/about-cover-underline.svg b/source/wp-content/themes/wporg-main-2022/images/about-cover-underline.svg index 0a1a8305..62818b61 100644 --- a/source/wp-content/themes/wporg-main-2022/images/about-cover-underline.svg +++ b/source/wp-content/themes/wporg-main-2022/images/about-cover-underline.svg @@ -1,3 +1,16 @@ - - - + + + + + + + + + + + + + + + + \ 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 3fe8f0f6..91a89176 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 @@ -115,9 +115,9 @@ html[dir="rtl"] :where([style*="border-right-color"]) { content: ""; position: absolute; left: -5px; - top: 25px; - width: 121px; - height: 6px; + top: 26px; + width: 134px; + height: 8px; background-image: url(../../images/about-cover-underline.svg); background-repeat: no-repeat; background-position: center; @@ -146,14 +146,14 @@ html[dir="rtl"] :where([style*="border-right-color"]) { background-image: url(../../images/about-cover-arrow.svg); background-size: clamp(16rem, 12.8vw + 11.21rem, 21.75rem); background-repeat: no-repeat; - background-position: 38% center; + background-position: 42% center; } @media (max-width: 599px) { grid-template-rows: $text-row-height 180px $text-row-height; &::after { - background-position: 90% 58%; + background-position: 72% 55%; transform: rotate(-11.07deg); } }