From 96966dfb4c574ceec23b7f6d63f03dac69815349 Mon Sep 17 00:00:00 2001 From: daudix Date: Mon, 29 Jul 2024 21:01:02 +0300 Subject: [PATCH] RTL-friendly border radius --- sass/_article-list.scss | 17 +++++------------ 1 file changed, 5 insertions(+), 12 deletions(-) diff --git a/sass/_article-list.scss b/sass/_article-list.scss index d3849b1..611ea9f 100644 --- a/sass/_article-list.scss +++ b/sass/_article-list.scss @@ -2,6 +2,7 @@ margin-top: 2rem; article { + &.draft, &.archive, &.featured { @@ -40,8 +41,8 @@ outline-offset: 0; box-shadow: var(--edge-highlight); border-radius: var(--rounded-corner); - border-top-right-radius: 2.125rem; - border-bottom-right-radius: 1.8125rem; + border-start-end-radius: 2.125rem; + border-end-end-radius: 1.8125rem; background-color: var(--yellow-bg); padding: 1rem; overflow: hidden; @@ -103,16 +104,8 @@ color: var(--yellow-fg); } - :root[dir*="rtl"] & { - border-top-right-radius: var(--rounded-corner); - border-top-left-radius: 2.125rem; - border-bottom-right-radius: var(--rounded-corner); - border-bottom-left-radius: 1.8125rem; - - - &:hover::before { - transform: translateY(-50%) rotate(-62deg) scale(1.5); - } + :root[dir*="rtl"] &:hover::before { + transform: translateY(-50%) rotate(-62deg) scale(1.5); } }