Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 20:13:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix search icon and label placement

Browse Source
This commit is contained in:
FarisZR 2022-03-03 18:18:16 +03:00
parent 10e9e423bc
commit 2cd0b4d558
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
assets/scss/partials/layout/search.scss
View File

@ -1,3 +1,28 @@
// move icon left and label right, to replicate theme look in RTL mode
.direction-rtl {
.search-form {
label {
position: absolute;
top: 15px;
right: 20px;
left: unset;
font-size: 1.4rem;
color: var(--card-text-color-tertiary);
}
button {
position: absolute;
left: 0;
right: unset;
top: 0;
height: 100%;
width: var(--button-size);
cursor: pointer;
background-color: transparent;
border: 0;
}
}
}
.search-form { .search-form {
margin-bottom: var(--section-separation); margin-bottom: var(--section-separation);
position: relative; position: relative;