diff --git a/templates/widgets/navbar.lucius b/templates/widgets/navbar.lucius index 1b6f685bd..6e3d69798 100644 --- a/templates/widgets/navbar.lucius +++ b/templates/widgets/navbar.lucius @@ -6,7 +6,6 @@ justify-content: flex-start; width: 100%; height: var(--header-height); - padding-right: 2vw; background: var(--color-darker); /* Old browsers */ background: -moz-linear-gradient(bottom, var(--color-dark) 0%, var(--color-darker) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(bottom, var(--color-dark) 0%,var(--color-darker) 100%); /* Chrome10-25,Safari5.1-6 */ @@ -38,7 +37,7 @@ align-items: center; color: var(--color-lightwhite); transform-origin: left; - transition: all .2s ease; + transition: all .2s ease-out; &:hover { color: var(--color-lightwhite); @@ -73,7 +72,7 @@ } } -@media (max-width: 1200px) { +@media (max-width: 1199px) { .navbar__logo { flex-basis: 24%; @@ -148,6 +147,13 @@ } } +@media (min-width: 768px) { + + .navbar__list:last-of-type { + margin-right: 20px; + } +} + /* list item */ .navbar__list-item { position: relative;