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

@ -1,7 +1,7 @@
.container {
display: flex;
align-items: center;
margin-left: 20px;
margin-inline-start: 20px;
}
.text {
@ -13,5 +13,5 @@
.value {
font-weight: 600;
margin-right: 4px;
margin-inline-end: 4px;
}

View file

@ -14,9 +14,9 @@
}
.calendars > div + div {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid var(--base300);
margin-inline-start: 20px;
padding-inline-start: 20px;
border-inline-start: 1px solid var(--base300);
}
.filter {
@ -41,7 +41,7 @@
.calendars > div + div {
padding: 0;
margin-left: 0;
margin-inline-start: 0;
margin-top: 20px;
border: 0;
}

View file

@ -76,7 +76,7 @@
position: relative;
width: 50px;
color: var(--base600);
border-left: 1px solid var(--base600);
border-inline-start: 1px solid var(--base600);
padding-inline-start: 10px;
z-index: 1;
}