From d29fd729dc452b387c95f5747de489343eb074a9 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Wed, 16 Dec 2020 17:48:59 -0800
Subject: [PATCH] hamburger
---
css/style.css | 18 +++++++++---------
globalHTML/header.php | 2 +-
2 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/css/style.css b/css/style.css
index 75b3d530..28768eb0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -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*/
diff --git a/globalHTML/header.php b/globalHTML/header.php
index 84674096..203b47ab 100644
--- a/globalHTML/header.php
+++ b/globalHTML/header.php
@@ -15,7 +15,7 @@
-