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,5 +1,5 @@
.body {
padding-left: 20px;
padding-inline-start: 20px;
grid-row: 2/3;
grid-column: 2 / 3;
}

View file

@ -1,7 +1,7 @@
.menu {
width: 300px;
padding-right: 20px;
border-right: 1px solid var(--base300);
padding-inline-end: 20px;
border-inline-end: 1px solid var(--base300);
grid-row: 2 / 3;
grid-column: 1 / 2;
}

View file

@ -63,7 +63,7 @@
.value {
color: var(--base50);
margin-right: 20px;
margin-inline-end: 20px;
}
.track {

View file

@ -13,5 +13,5 @@
.popup {
margin-top: -10px;
margin-left: 30px;
margin-inline-start: 30px;
}