_panel.scss 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. // TODO: Change value to $include-default-uis !default;
  2. $include-panel-uis: true;
  3. // ===============================
  4. // ========= BASE PANEL ==========
  5. // ===============================
  6. $panel-border-radius: null !default;
  7. $panel-border-width: 1px !default;
  8. $panel-base-color: adjust-color($base-color, $hue: 0deg, $saturation: 0.542%, $lightness: 7.843%) !default; //#DFE8F6
  9. $panel-border-color: adjust-color($base-color, $hue: 0deg, $saturation: 7.644%, $lightness: -8.627%) !default;
  10. // ===============================
  11. // ========= PANEL BODY ==========
  12. // ===============================
  13. $panel-body-border-style: solid !default;
  14. $panel-body-background-color: #fff !default;
  15. $panel-body-color: #000 !default;
  16. $panel-body-border-color: $panel-border-color !default;
  17. $panel-body-font-size: 12px !default;
  18. // ===============================
  19. // ======== PANEL TOOLS ==========
  20. // ===============================
  21. $tool-size: 15px !default;
  22. // ===============================
  23. // ======== PANEL HEADER =========
  24. // ===============================
  25. $panel-header-border-width: 1px !default;
  26. $panel-header-border-style: solid !default;
  27. $panel-header-inner-border: true !default;
  28. $panel-header-inner-border-width: 1px 0 0 !default;
  29. //padding
  30. $panel-header-padding: 3px 5px 4px !default;
  31. $panel-header-vertical-padding: 5px 4px !default;
  32. //fonts
  33. $panel-header-font-size: ceil($font-size * .9) !default; //11px
  34. $panel-header-line-height: 17px !default;
  35. $panel-header-font-weight: bold !default;
  36. $panel-header-font-family: $font-family !default;
  37. //icon
  38. $panel-header-icon-width: 16px !default;
  39. $panel-header-icon-height: 16px !default;
  40. //background
  41. $panel-header-background-gradient: 'panel-header' !default;
  42. // UI defaults
  43. $panel-header-border-color: $panel-border-color !default;
  44. $panel-header-inner-border-color: adjust-color($panel-base-color, $hue: 0deg, $saturation: -6.098%, $lightness: 4.902%) !default;
  45. $panel-header-color: adjust-color($panel-base-color, $hue: 0deg, $saturation: 38.347%, $lightness: -63.725%) !default;
  46. $panel-header-background-color: adjust-color($panel-base-color, $hue: 0deg, $saturation: 6.402%, $lightness: -4.51%) !default;
  47. // ===============================
  48. // ======== FRAMED PANEL =========
  49. // ===============================
  50. $frame-base-color: $panel-base-color !default;
  51. //border
  52. $panel-frame-border-radius: 4px !default;
  53. $panel-frame-border-width: 1px !default;
  54. $panel-frame-border-style: solid !default;
  55. $panel-frame-padding: 4px !default;
  56. // UI defaults
  57. $panel-frame-background-color: $frame-base-color !default;
  58. $panel-frame-border-color: $panel-border-color !default;