_navbar.scss 469 B

1234567891011121314151617181920212223242526272829
  1. // Navbar
  2. .navbar {
  3. align-items: stretch;
  4. display: flex;
  5. flex-wrap: wrap;
  6. justify-content: space-between;
  7. .navbar-section {
  8. align-items: center;
  9. display: flex;
  10. flex: 1 0 0;
  11. &:not(:first-child):last-child {
  12. justify-content: flex-end;
  13. }
  14. }
  15. .navbar-center {
  16. align-items: center;
  17. display: flex;
  18. flex: 0 0 auto;
  19. }
  20. .navbar-brand {
  21. font-size: $font-size-lg;
  22. font-weight: 500;
  23. text-decoration: none;
  24. }
  25. }