_panel.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. $sidebar-color: #333;
  2. $panel-padding: 1rem;
  3. $panel-text: #ddd;
  4. .sb-slidebar {
  5. background-color: $sidebar-color !important;
  6. }
  7. #panel {
  8. padding-top: $panel-padding;
  9. color: $panel-text;
  10. .navigation {
  11. list-style: none;
  12. padding: 0;
  13. li {
  14. a {
  15. color: $panel-text;
  16. display: block;
  17. padding: 0.5rem 1rem;
  18. font-weight: 600;
  19. &:hover {
  20. color: lighten($panel-text,20%);
  21. background-color: darken($sidebar-color,5%);
  22. }
  23. &:last-child {
  24. border-bottom: 0;
  25. }
  26. }
  27. &.active {
  28. & > a {
  29. background: #fff;
  30. color: $core-text;
  31. &:hover {
  32. color: $core-text;
  33. }
  34. }
  35. }
  36. border-bottom: 1px solid lighten($sidebar-color,4%);
  37. &:first-child {
  38. border-top: 1px solid lighten($sidebar-color,4%);
  39. }
  40. ul {
  41. list-style: none;
  42. padding: 0;
  43. li {
  44. border: 0 !important;
  45. a {
  46. color: darken($panel-text, 10%);
  47. padding: 0.2rem 1rem 0.2rem 2rem;
  48. font-size: 0.9rem;
  49. }
  50. li a {
  51. padding-left: 3rem;
  52. li a {
  53. padding-left: 4rem;
  54. }
  55. }
  56. &.active {
  57. & > a {
  58. background: #ccc;
  59. }
  60. }
  61. }
  62. }
  63. }
  64. }
  65. }