From ac37d12006acb591caaccb68c533d2c9840fd13a Mon Sep 17 00:00:00 2001
From: Jonas Leder <jonas.leder@jobrouter.com>
Date: Wed, 13 Jan 2021 08:41:06 +0100
Subject: [PATCH] add animation to burger menu
---
_src/assets/scss/_lib/_menu.scss | 3 ++-
_src/assets/scss/style.scss | 5 ++++-
package.json | 1 +
yarn.lock | 5 +++++
4 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/_src/assets/scss/_lib/_menu.scss b/_src/assets/scss/_lib/_menu.scss
index 34f5900..3843c62 100644
--- a/_src/assets/scss/_lib/_menu.scss
+++ b/_src/assets/scss/_lib/_menu.scss
@@ -20,9 +20,10 @@
}
#menuContent {
+ @include fadeInDown($duration: .5s);
background-color: color.adjust($color-primary, $lightness:-20%);
display: none;
- margin: 10px 0 0;
+ margin: 30px 0 0;
ul {
list-style-type: none;
padding: 0;
diff --git a/_src/assets/scss/style.scss b/_src/assets/scss/style.scss
index e06dd5f..b2c1382 100644
--- a/_src/assets/scss/style.scss
+++ b/_src/assets/scss/style.scss
@@ -1,3 +1,7 @@
+@import "~sass-burger";
+@import "~animatewithsass/_properties";
+@import "~animatewithsass/_fading-entrances/fading-entrances.scss";
+
@import '_lib/vars';
@import '_lib/mixins';
@import '_lib/typo';
@@ -6,5 +10,4 @@
@import "_lib/footer";
@import "_lib/header";
@import "_lib/icons";
-@import "~sass-burger";
@import "_lib/menu";
\ No newline at end of file
diff --git a/package.json b/package.json
index 4663a16..1300827 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
"watch": "yarn parcel ./_src/index.html watch"
},
"dependencies": {
+ "animatewithsass": "^3.2.1",
"sass-burger": "^1.3.1"
}
}
diff --git a/yarn.lock b/yarn.lock
index 8f745f4..2d84759 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -954,6 +954,11 @@ alphanum-sort@^1.0.0:
resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
+animatewithsass@^3.2.1:
+ version "3.2.1"
+ resolved "https://registry.yarnpkg.com/animatewithsass/-/animatewithsass-3.2.1.tgz#4ae833f5b852377c6e8fd574c4223334dfee8c19"
+ integrity sha1-Sugz9bhSN3xuj9V0xCIzNN/ujBk=
+
ansi-regex@^2.0.0:
version "2.1.1"
resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
--
GitLab