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

Make margins/paddings automatically adapt in rtl

Browse Source 
No need for separate rules for rtl, yay!
This commit is contained in:
daudix
2024-07-05 05:54:19 +03:00
parent 4edb6e9760
commit 1758eb99a8
13 changed files with 40 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
sass/_typography.scss
View File

@ -45,21 +45,15 @@ figcaption {
blockquote {
margin: 0;
border-left: 0.25rem solid var(--primary-color);
border-inline-start: 0.25rem solid var(--primary-color);
border-radius: 0.25rem;
padding: 0 0.75rem;
color: var(--fg-muted-5);
:root[dir*="rtl"] & {
border-right: 0.25rem solid var(--primary-color);
border-left: unset;
}
}
mark,
del,
ins,
time,
samp,
q {
box-shadow: var(--edge-highlight);
@ -86,31 +80,6 @@ ins {
text-decoration-thickness: max(1px, 0.0625em);
}
time {
background-color: var(--primary-color-alpha);
color: var(--primary-color);
font-weight: bold;
strong {
animation: clock-blink 1s infinite;
font-weight: bold;
@keyframes clock-blink {
from {
color: var(--primary-color);
}
25% {
color: var(--primary-color-alpha);
}
50% {
color: var(--primary-color);
}
}
}
}
samp {
background-color: var(--fg-muted-1);
color: var(--fg-muted-5);