mchapman/the-sourdough-framework
1
0
Fork 0
mirror of https://github.com/hendricius/the-sourdough-framework synced 2026-04-19 02:17:23 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix align/color of hamburger icon

Browse Source
This commit is contained in:
Hendrik Kleinwaechter
2023-07-27 13:13:20 +02:00
parent 2320bafe71
commit ae83208e07
3 changed files with 20 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
book/style.css
View File

@@ -225,40 +225,24 @@ figcaption.caption {
}
.hamb{
cursor: pointer;
float: right;
padding: 30px 20px;
position: absolute;
right: 0px;
top: 2px;
padding: 5px;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
}
}
.hamb-line {
background: #000;
display: block;
height: 2px;
position: relative;
width: 24px;
}
.hamb-line::before,
.hamb-line::after{
background: #000;
content: '';
display: block;
height: 100%;
position: absolute;
transition: all .2s ease-out;
width: 100%;
}
.hamb-line::before{
top: 5px;
}
.hamb-line::after{
top: -5px;
filter: brightness(0) invert(1);
}
span.hamb-line:hover {
background-color: #000 !important;
filter: brightness(0) invert(0.95);
}
.menu-items {
@@ -267,15 +251,17 @@ figcaption.caption {
top: 100%;
left: 0;
width: 100%;
background-color: #f2f2f2;
padding-left: 3px;
background-color: var(--c-black);
z-index: 1;
}
.menu {
background: #F5F2EF;
padding: 20px 0px;
background: var(--c-black);
display: flex;
padding: 10px 0px;
position: relative;
align-items: center;
justify-content: space-between;
}
#toggle-menu:checked ~ .menu-items {
@@ -289,6 +275,10 @@ figcaption.caption {
font-weight: bold;
padding-left: 17px;
}
.chapterToc a, .sectionToc a, .subsectionToc a, .likechapterToc a {
padding-left: 17px;
}
}
div.center {