diff --git a/_src/assets/scss/_lib/_menu.scss b/_src/assets/scss/_lib/_menu.scss
index 34f59007bfdc4a14f7729470c62096762f2608f5..3843c625e9098f43ea322d34b583c7d1d8c7b471 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 e06dd5f932f354892580a84aa4f675f43294066a..b2c1382c40864dadb9d0c4e46e04843a0df41229 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 4663a16ead1dd38f6229a255ecb3cf97ede8a9ce..13008274346e05613b89c1ce8789a73dbfc438e8 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 8f745f4972a91acbfb8f2da5efb4b2ab58cd5ceb..2d847590faede93d1ff71b0bfe42453f8c4bebb2 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"