sidebar-nav.styl 665 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. // Sidebar Navigation
  2. .sidebar-nav {
  3. margin: 0;
  4. padding-bottom: 20px;
  5. padding-left: 0;
  6. li {
  7. border-bottom: 1px solid transparent;
  8. color: $sidebar-nav-color;
  9. cursor: pointer;
  10. display: inline-block;
  11. font-size: $font-size-small;
  12. &.sidebar-nav-overview {
  13. margin-left: 10px;
  14. }
  15. &:hover {
  16. color: $sidebar-nav-hover-color;
  17. }
  18. }
  19. .sidebar-nav-active {
  20. border-bottom-color: $sidebar-highlight;
  21. color: $sidebar-highlight;
  22. &:hover {
  23. color: $sidebar-highlight;
  24. }
  25. }
  26. }
  27. .sidebar-panel {
  28. display: none;
  29. overflow-x: hidden;
  30. overflow-y: auto;
  31. }
  32. .sidebar-panel-active {
  33. display: block;
  34. }