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; margin-top: 2rem;
article { article {
&.draft, &.draft,
&.archive, &.archive,
&.featured { &.featured {
@ -40,8 +41,8 @@
outline-offset: 0; outline-offset: 0;
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
border-top-right-radius: 2.125rem; border-start-end-radius: 2.125rem;
border-bottom-right-radius: 1.8125rem; border-end-end-radius: 1.8125rem;
background-color: var(--yellow-bg); background-color: var(--yellow-bg);
padding: 1rem; padding: 1rem;
overflow: hidden; overflow: hidden;
@ -103,18 +104,10 @@
color: var(--yellow-fg); color: var(--yellow-fg);
} }
:root[dir*="rtl"] & { :root[dir*="rtl"] &:hover::before {
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); transform: translateY(-50%) rotate(-62deg) scale(1.5);
} }
} }
}
.draft-badge, .draft-badge,
.archive-badge, .archive-badge,