Center burger button content and match color theme

This commit is contained in:
Sammy-T 2021-03-30 05:54:50 -04:00
parent 6c9bea98b9
commit 3482031732

View File

@ -102,6 +102,9 @@
.burger { .burger {
display: block; display: block;
/* color: #4a4a4a; */ /* color: #4a4a4a; */
background: none;
border: 1px solid var(--gray900);
border-radius: 4px;
cursor: pointer; cursor: pointer;
height: 3.25rem; height: 3.25rem;
width: 3.25rem; width: 3.25rem;
@ -112,20 +115,20 @@
} }
.burger span { .burger span {
transform: translateX(-50%); transform: translateX(25%);
padding: 1px 0px; padding: 1px 0px;
margin: 6px 0; margin: 6px 0;
width: 20px; width: 65%;
display: block; display: block;
background-color: white; background-color: var(--gray900);
} }
.burger div { .burger div {
height: 100%; /* height: 100%; */
color: white; color: var(--gray900);
text-align: center; text-align: center;
margin: auto; margin: auto;
font-size: 1.5rem; font-size: 1.5rem;
transform: translateX(-50%); /* transform: translateX(-50%); */
} }
} }