lynnesbian/lynnesbian.space
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

hamburger now has a background, and is no longer the heaven trigram unicode symbol

Browse source
This commit is contained in:
Lynne Megido 2020-03-25 21:12:20 +10:00
parent 23e5cc262c
commit 266298132a
Signed by: lynnesbian
GPG key ID: F0A184B5213D9F90
2 changed files with 30 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/header.html
View file

@ -1,4 +1,4 @@
<div id='hamburger'>☰</div> <div id='hamburger'><div id='hb-icon'></div></div>
<header id='header'> <header id='header'>
<h1>Menu</h1> <h1>Menu</h1>
<span class='internal'> <span class='internal'>

34
assets/style.css
View file

@ -180,16 +180,40 @@ html.night header a:hover {
#hamburger { #hamburger {
display: none; display: none;
color: mediumpurple;
font-size: 2em;
position: fixed; position: fixed;
top: 10px; top: 10px;
left: 10px; left: 10px;
z-index: 1; z-index: 1;
transition: 0.2s all; padding: 10px;
background: #fafafa;
border-radius: 10px;
height: 27px;
width: 27px;
} }
#hamburger.active { html.night #hamburger {
color: white; background: #333;
}
#hb-icon {
height: 100%;
width: 100%;
background: linear-gradient(
to bottom,
mediumpurple, mediumpurple 10%,
#fafafa 10%, #fafafa 45%,
mediumpurple 45%, mediumpurple 55%,
#fafafa 55%, #fafafa 90%,
mediumpurple 90%, mediumpurple 100%
);
}
html.night #hb-icon {
background: linear-gradient(
to bottom,
mediumpurple, mediumpurple 10%,
#333 10%, #333 45%,
mediumpurple 45%, mediumpurple 55%,
#333 55%, #333 90%,
mediumpurple 90%, mediumpurple 100%
);
} }
#theme-control { #theme-control {