hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RTL-friendly border radius

Browse Source
This commit is contained in:
daudix
2024-07-29 21:01:02 +03:00
parent 16762b4bc4
commit 96966dfb4c
1 changed files with 5 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
sass/_article-list.scss
View File

@ -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,18 +104,10 @@
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 {
:root[dir*="rtl"] &:hover::before {
transform: translateY(-50%) rotate(-62deg) scale(1.5);
}
}
}
.draft-badge,
.archive-badge,