_navbar.scss 928 B

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