Skip to content
This repository has been archived by the owner on Apr 23, 2024. It is now read-only.

Commit

Permalink
Revert "feat: Add navbar presence animation (#73)"
Browse files Browse the repository at this point in the history
This reverts commit 1e5a46b.
  • Loading branch information
JordanViknar committed Apr 22, 2024
1 parent 7012771 commit 57108d4
Showing 1 changed file with 7 additions and 24 deletions.
31 changes: 7 additions & 24 deletions public/css/application.css
Original file line number Diff line number Diff line change
Expand Up @@ -82,38 +82,21 @@ ul#product_list li img {
padding-right: 5%;
}

/* Navbar indication animation */
nav#navbar {
animation: i_exist 5s ease-in-out 0s infinite;
}
nav#navbar.active {
animation: none;
}
@keyframes i_exist {
from {
transform: translateX(-93%);
}
15% {
transform: translateX(-87%);
}
30% {
transform: translateX(-93%);
}
to {
transform: translateX(-93%);
}
}

/* Dynamic navbar */

nav#navbar {
#navbar {
position: fixed;
z-index: 9999;

/* Animation */
transition: transform 0.2s;
transform: translateX(-92%);

overflow-y: auto;

box-shadow: 2px 0px 0.25em 0.1em rgba(0, 0, 0, 0.6);
}
nav#navbar.active {
#navbar.active {
transform: translateX(0);
}

Expand Down

0 comments on commit 57108d4

Please sign in to comment.