Add some basic arabic demo

Yes, the translation is dogshit, I didn't have time to translate it
myself, so here we are, using DeepL
This commit is contained in:
daudix
2024-06-18 08:52:50 +03:00
parent ee70e5fe46
commit fe3a058dfc
13 changed files with 739 additions and 27 deletions

View File

@ -7,7 +7,7 @@
nav {
margin: 0 auto 1rem auto;
box-shadow: var(--edge-highlight);
border-radius: 999px;
border-radius: 22px;
background-color: var(--fg-muted-1);
padding: 0.25rem;
width: fit-content;
@ -27,31 +27,15 @@
line-height: normal;
list-style: none;
&:first-of-type a {
border-radius: 1.125rem 0 0 1.125rem;
:root[dir="rtl"] & {
border-radius: 0 1.125rem 1.125rem 0;
}
}
&:last-of-type a {
border-radius: 0 1.125rem 1.125rem 0;
:root[dir="rtl"] & {
border-radius: 1.125rem 0 0 1.125rem;
}
}
a {
transition: var(--transition);
border-radius: 999px;
padding: 0.5rem 0.75rem;
color: var(--fg-muted-4);
text-decoration: none;
&:hover {
box-shadow: var(--edge-highlight);
border-radius: 1.125rem !important;
background-color: var(--primary-color);
color: var(--fg-color);
text-decoration: none;