Skip to content

Commit

Permalink
Merge pull request #77 from scpwiki/sidebar-close
Browse files Browse the repository at this point in the history
close-menu optimization
  • Loading branch information
SYwaves authored Jul 25, 2023
2 parents 50a262c + 1045e05 commit b9fc2a1
Showing 1 changed file with 10 additions and 19 deletions.
29 changes: 10 additions & 19 deletions sigma.css
Original file line number Diff line number Diff line change
Expand Up @@ -432,7 +432,7 @@ sup {
position: absolute;
top: 0.5rem;
left: 1.5rem;
width: 14rem;
width: 13.75rem;
padding: 0;
border: none;
display: block;
Expand Down Expand Up @@ -559,6 +559,13 @@ sup {
/* off-canvas */
.close-menu {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3) 1px 1px repeat;
z-index: -1;
}

/* side bar mobile query on their own */
Expand Down Expand Up @@ -603,35 +610,19 @@ sup {
transition: left 0.5s ease-in-out 0.1s;
}

#side-bar::after {
content: '';
position: absolute;
top: 0;
width: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}

#side-bar:target {
left: 0;
}

#side-bar:target .close-menu {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3) 1px 1px repeat;
z-index: -1;
}
}

/* CONTENT */
#main-content {
margin: 0 1.5rem 0 18rem;
padding: 0.875rem;
margin: 0 1.5rem 0 17rem;
padding: 0.75rem;
position: relative;
}

Expand Down

0 comments on commit b9fc2a1

Please sign in to comment.