GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-26 21:04:58 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

hamburger

Browse Source
This commit is contained in:
Kyle
2020-12-16 17:48:59 -08:00
parent 45e362931b
commit d29fd729dc
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/style.css
View File

@@ -203,8 +203,8 @@ a:hover {
/*Hamburger*/
.hamburger {
position: fixed;
right: 2rem;
top: 2rem;
right: 0rem;
top: 0rem;
width: 4rem;
height: 4rem;
fill-rule: evenodd;
@@ -214,7 +214,7 @@ a:hover {
cursor: pointer;
z-index: 100;
background: #35603E;
border-radius: 0.5rem;
border-radius: 0 0 0 0.5rem;
}
.hamburger > path {
fill: none;
@@ -241,8 +241,8 @@ a:hover {
.circle {
z-index: 5;
position: fixed;
right: 4rem;
top: 4rem;
right: 2rem;
top: 2rem;
padding: 0;
background: #35603E;
border-radius: 100%;
@@ -250,13 +250,13 @@ a:hover {
}
.hamburger:hover + .circle {
padding: 3rem;
right: 1rem;
top: 1rem;
right: -1rem;
top: -1rem;
}
.hamburger.opened + .circle {
padding: var(--window-diagonal-size);
right: calc(4rem - var(--window-diagonal-size));
top: calc(4rem - var(--window-diagonal-size));
right: calc(2rem - var(--window-diagonal-size));
top: calc(2rem - var(--window-diagonal-size));
transition: 0.75s cubic-bezier(.53,.47,.76,-0.52);
}
/*Menus*/