Sidebar.less 956 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // Sidebar
  2. .@{prefix}-edit-aria-container > .@{prefix}-container-body {
  3. display: flex;
  4. .@{prefix}-edit-area {
  5. flex: 1;
  6. }
  7. .@{prefix}-sidebar > .@{prefix}-container-body {
  8. display: flex;
  9. align-items: stretch;
  10. height: 100%;
  11. }
  12. .@{prefix}-sidebar-panel {
  13. min-width: 250px;
  14. max-width: 250px;
  15. position: relative;
  16. > .@{prefix}-container-body {
  17. position: absolute;
  18. width: 100%; height: 100%;
  19. overflow: auto;
  20. top: 0; left: 0;
  21. }
  22. }
  23. }
  24. .@{prefix}-sidebar-toolbar {
  25. border: 0 solid @panel-border;
  26. border-left-width: 1px;
  27. .@{prefix}-btn.@{prefix}-active, .@{prefix}-btn.@{prefix}-active:hover {
  28. border: 1px solid transparent;
  29. border-color: @btn-primary-border;
  30. .vertical-gradient(@btn-primary-bg, @btn-primary-bg-hlight);
  31. button, button i {
  32. color: @btn-primary-text;
  33. text-shadow: 1px 1px @btn-primary-text-shadow;
  34. }
  35. }
  36. }
  37. .@{prefix}-sidebar-panel {
  38. border: 0 solid @panel-border;
  39. border-left-width: 1px;
  40. }