Panel.scss 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /** @class Ext.panel.Panel */
  2. //
  3. $panel-header-color: dynamic(#fff);
  4. $panel-header-text-transform: dynamic(none);
  5. $panel-header-line-height: dynamic(16px);
  6. $panel-header-font-weight: dynamic($font-weight-bold);
  7. $panel-header-padding: dynamic(9px 9px 10px);
  8. $panel-border-width: dynamic(1px);
  9. $panel-body-border-color: dynamic($neutral-medium-dark-color);
  10. $panel-header-border-width: dynamic(1px);
  11. $panel-body-border-width: dynamic(1px);
  12. $panel-frame-border-width: dynamic(5px);
  13. $panel-frame-header-border-width: dynamic($panel-frame-border-width);
  14. $panel-tool-spacing: dynamic(6px);
  15. $panel-frame-padding: dynamic(0);
  16. $panel-frame-header-padding: dynamic(
  17. max(top($panel-header-padding) + top($panel-header-border-width) - top($panel-frame-header-border-width), 0)
  18. max(right($panel-header-padding) + right($panel-header-border-width) - right($panel-frame-header-border-width), 0)
  19. max(bottom($panel-header-padding) - bottom($panel-frame-header-border-width), 0)
  20. max(left($panel-header-padding) + left($panel-header-border-width) - left($panel-frame-header-border-width), 0)
  21. );
  22. $panel-header-icon-width: dynamic(16px);
  23. $panel-header-icon-height: dynamic(16px);
  24. $panel-header-icon-spacing: dynamic(6px);
  25. $panel-header-focus-outline-color: dynamic(#fff);
  26. $panel-header-focus-outline-offset: dynamic(2px);
  27. $panel-tool-focus-outline-color: dynamic(#fff);
  28. $panel-tool-focus-outline-offset: dynamic(2px);
  29. // panel-light vars
  30. $panel-light-header-font-family: dynamic($font-family);
  31. $panel-light-header-font-size: dynamic($font-size);
  32. $panel-light-header-font-weight: dynamic($panel-header-font-weight);
  33. $panel-light-header-color: dynamic(#666);
  34. $panel-light-header-glyph-color: dynamic($panel-light-header-color);
  35. $panel-light-header-background-color: dynamic(mix($base-light-color, $neutral-light-color, 30%));
  36. $panel-light-header-text-transform: dynamic(none);
  37. $panel-light-header-focus-outline-color: dynamic($base-color);
  38. $panel-light-border-color: dynamic($panel-light-header-background-color);
  39. $panel-light-header-border-color: dynamic($panel-light-border-color);
  40. $panel-light-body-border-color: dynamic($panel-light-border-color);
  41. $panel-light-tool-background-image: dynamic('tools/tool-sprites-dark');
  42. $panel-light-tool-focus-outline-color: dynamic($base-color);
  43. $panel-light-tool-glyph-color: dynamic($panel-light-header-color);
  44. $panel-light-tool-focus-background-image: dynamic($panel-light-tool-background-image);
  45. $panel-light-frame-border-color: dynamic($panel-light-border-color);
  46. $panel-include-border-management-rules: dynamic(true);
  47. /**
  48. * @var {boolean}
  49. * True to include the "light" panel UI
  50. */
  51. $include-panel-light-ui: dynamic($include-default-uis);
  52. /**
  53. * @var {boolean}
  54. * True to include the "light-framed" panel UI
  55. */
  56. $include-panel-light-framed-ui: dynamic($include-default-uis);