alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

🌐 style: improve RTL styling consistency (#381)

Browse Source
This commit is contained in:
Óscar
2024-09-16 17:50:16 +02:00
committed by GitHub
parent 35dcf55019
commit 1027f5ba53
22 changed files with 130 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
sass/parts/_search.scss
View File

@@ -2,7 +2,7 @@ $icon-size: 1.3rem;
#searchModal {
background: color-mix(in srgb, var(--primary-color) 5%, transparent);
text-align: left;
text-align: start;
#searchContainer {
padding: 1rem;
@@ -18,7 +18,7 @@ $icon-size: 1.3rem;
.search-icon {
position: absolute;
left: 1rem;
inset-inline-start: 1rem;
width: $icon-size;
height: $icon-size;
@@ -30,8 +30,8 @@ $icon-size: 1.3rem;
.close-icon {
position: absolute;
right: $icon-size;
margin-right: 0.5rem;
margin-left: 1rem;
margin-inline-start: 1rem;
margin-inline-end: 0.5rem;
width: $icon-size;
height: $icon-size;
}
@@ -41,7 +41,8 @@ $icon-size: 1.3rem;
border: 1px solid var(--divider-color);
border-radius: 20px;
background-color: var(--input-background-color);
padding: 0.75rem 1rem 0.75rem 3rem;
padding-inline: 3rem 1rem;
padding-block: 0.75rem;
width: calc(100% - 2rem);
color: var(--text-color);
font-size: 1rem;
@@ -82,7 +83,8 @@ $icon-size: 1.3rem;
> div {
cursor: pointer;
padding: 0.5rem 1rem;
padding-inline: 1rem;
padding-block: 0.5rem;
&[aria-selected="true"] {
background-color: var(--primary-color);
@@ -113,8 +115,8 @@ $icon-size: 1.3rem;
display: block;
position: relative;
align-self: center;
margin-right: 0.5rem;
margin-left: 1rem;
margin-inline-start: 1rem;
margin-inline-end: 0.5rem;
width: $icon-size;
height: $icon-size;
}