$shrinking-duration: 0.4s; .navbar { margin: 0 0; padding: 0 90px; height: 100px; background-color: white; transition: height $shrinking-duration; } .navbar--shrink { height: 50px; transition: height $shrinking-duration; } .navbar__link { text-transform: capitalize; font-family: Montserrat, sans-serif; font-size: 16px; font-weight: bolder; margin: 0 20px; color: $primary-dark; transition: $hover-duration; } .navbar__link:hover { color: darken($primary-dark, $hover-threshold); transition: $hover-duration; }