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

fix icon padding, and hamburger menu icon placement

Browse Source
This commit is contained in:
FarisZR 2022-03-03 15:27:34 +03:00
parent 3f8f4a05a2
commit 7bbf219fe2
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
assets/scss/partials/menu.scss
View File

@ -6,7 +6,7 @@
* @link https://github.com/jonsuh/hamburgers * @link https://github.com/jonsuh/hamburgers
*/ */
.hamburger { .hamburger {
padding-top: 10px; padding-top: 10px;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
@ -97,6 +97,14 @@
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} }
// change menu icon placement to follow the RTL Direction
.direction-rtl{
#toggle-menu {
left: 30px;
right: unset;
}
}
#toggle-menu { #toggle-menu {
background: none; background: none;
border: none; border: none;
@ -121,6 +129,18 @@
} }
} }
// fix icon padding in RTL menu
.direction-rtl{
.menu {
li {
svg {
margin-left: 40px;
margin-right: unset;
}
}
}
}
/* Menu style */ /* Menu style */
.menu { .menu {
padding-left: 0; padding-left: 0;