style: 🎨 Use Logical Style properties to apply same styles based on Language Direction (dir)

This commit is contained in:
Mohanad Alrwaihy 2024-02-29 23:32:06 +03:00
parent 354da4bc56
commit adf910306b
20 changed files with 35 additions and 34 deletions

View file

@ -29,12 +29,12 @@
display: flex;
flex-direction: row;
align-items: center;
border-right: 2px solid var(--base200);
border-inline-end: 2px solid var(--base200);
padding: 1rem 2rem;
gap: var(--size500);
font-weight: 600;
width: 200px;
margin-right: -2px;
margin-inline-end: -2px;
}
a.item {
@ -43,7 +43,7 @@ a.item {
.item.selected {
color: var(--base900);
border-right-color: var(--primary400);
border-inline-end-color: var(--primary400);
background: var(--blue100);
}