PageTreeItem.module.scss 910 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @use '@growi/core-styles/scss/bootstrap/init' as bs;
  2. // fix height
  3. .page-tree-item :global {
  4. li {
  5. min-height: 40px;
  6. }
  7. }
  8. // font size
  9. .page-tree-item :global {
  10. font-size: 14px;
  11. }
  12. // == Colors
  13. // drag over
  14. .page-tree-item :global {
  15. .drag-over {
  16. background-color: var(--bs-list-group-action-active-bg);
  17. }
  18. }
  19. @include bs.color-mode(light) {
  20. // button
  21. .page-tree-item :global {
  22. .list-group-item-action {
  23. .btn-page-item-control {
  24. --bs-btn-bg: transparent;
  25. --bs-btn-hover-bg: var(--grw-primary-200);
  26. --bs-btn-active-bg: var(--grw-primary-300);
  27. }
  28. }
  29. }
  30. }
  31. @include bs.color-mode(dark) {
  32. // button
  33. .page-tree-item :global {
  34. .list-group-item-action {
  35. .btn-page-item-control {
  36. --bs-btn-bg: transparent;
  37. --bs-btn-hover-bg: var(--grw-primary-600);
  38. --bs-btn-active-bg: var(--grw-primary-700);
  39. }
  40. }
  41. }
  42. }