_navigation.scss 513 B

123456789101112131415161718192021222324252627282930313233343536
  1. .nav-item {
  2. margin: 0;
  3. .nav-link {
  4. text-transform: capitalize;
  5. font-weight: 700;
  6. }
  7. }
  8. .navbar-light .navbar-nav .nav-link {
  9. color: $text-color-dark;
  10. &:hover {
  11. color: $primary-color;
  12. }
  13. }
  14. .navbar-expand-lg .navbar-nav .nav-link {
  15. padding: 20px;
  16. @include desktop {
  17. padding: 10px;
  18. }
  19. }
  20. .dropdown-menu {
  21. top: 90%;
  22. padding: 0;
  23. .dropdown-item {
  24. padding:1rem 1.5rem;
  25. text-align: center;
  26. &:not(:last-child) {
  27. border-bottom: 1px solid $border-color;
  28. }
  29. }
  30. }