side-nav.scss 515 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. // Side navigation
  2. .col-nav-side {
  3. max-width: $nav-side-width;
  4. }
  5. .nav-side {
  6. @extend .flex-column;
  7. .media-icon {
  8. width: $nav-side-icon-width;
  9. text-align: center;
  10. }
  11. .media-body {
  12. @extend .pl-1;
  13. }
  14. .nav-link {
  15. @extend .media;
  16. }
  17. .nav-link.active {
  18. color: $nav-side-link-active-color;
  19. .media-icon {
  20. color: $primary;
  21. }
  22. }
  23. .nav-section.active {
  24. font-weight: $font-weight-bold;
  25. }
  26. .nav-action .media-body {
  27. margin-left: $nav-side-icon-width;
  28. }
  29. }