_navbar.scss 787 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .grw-navbar {
  2. border-top: 0;
  3. border-right: 0;
  4. border-bottom: $grw-navbar-border-width solid;
  5. border-left: 0;
  6. .grw-app-title {
  7. @include variable-font-size(24px);
  8. }
  9. .grw-navbar-toggler {
  10. padding: 0.5rem;
  11. font-size: 1.5em;
  12. }
  13. .grw-navbar-search {
  14. position: absolute;
  15. left: 50%;
  16. transform: translate(-50%, 0%);
  17. }
  18. .nav-link,
  19. .nav-item.confidential {
  20. display: flex;
  21. align-items: center;
  22. min-height: $grw-navbar-height;
  23. padding: 0 1rem;
  24. }
  25. .nav-link {
  26. &:hover {
  27. background: rgba(0, 0, 0, 0.1);
  28. }
  29. &:focus {
  30. background: rgba(0, 0, 0, 0);
  31. }
  32. }
  33. .nav-item.confidential {
  34. background: rgba(0, 0, 0, 0.2);
  35. }
  36. .grw-personal-dropdown {
  37. .grw-email-sm {
  38. font-size: 0.75em;
  39. }
  40. }
  41. }