Column.scss 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. /**
  2. * @class Ext.grid.column.Column
  3. */
  4. /**
  5. * @var {string}
  6. * The font-family of grid column headers
  7. */
  8. $grid-column-header-font-family: dynamic($font-family);
  9. /**
  10. * @var {number}
  11. * The font-size of grid column headers
  12. */
  13. $grid-column-header-font-size: dynamic($font-size);
  14. /**
  15. * @var {string}
  16. * The font-weight of grid column headers
  17. */
  18. $grid-column-header-font-weight: dynamic($font-weight);
  19. /**
  20. * @var {number}
  21. * The line-height of grid column headers
  22. */
  23. $grid-column-header-line-height: dynamic(round($grid-column-header-font-size * 1.15));
  24. // private
  25. $grid-column-header-font: dynamic($grid-column-header-font-weight #{$grid-column-header-font-size}/#{$grid-column-header-line-height} $grid-column-header-font-family);
  26. /**
  27. * @var {string}
  28. * The text-overflow of grid column headers
  29. */
  30. $grid-column-text-overflow: dynamic(ellipsis);
  31. /**
  32. * @var {color}
  33. * The text color of grid column headers
  34. */
  35. $grid-column-header-color: dynamic(#000);
  36. /**
  37. * @var {number}
  38. * The border-width of grid column headers
  39. */
  40. $grid-column-header-border-width: dynamic(1px);
  41. /**
  42. * @var {string}
  43. * The border-style of grid column headers
  44. */
  45. $grid-column-header-border-style: dynamic(solid);
  46. /**
  47. * @var {color}
  48. * The text color of focused grid column headers
  49. */
  50. $grid-column-header-focus-color: dynamic($grid-column-header-color);
  51. /**
  52. * @var {color}
  53. * The background-color of focused grid column headers
  54. */
  55. $grid-column-header-focus-background-color: dynamic('none');
  56. /**
  57. * @var {number}
  58. * The border-width of focused grid column headers
  59. */
  60. $grid-column-header-focus-border-width: dynamic(1px);
  61. /**
  62. * @var {string}
  63. * The border-style of focused grid column headers
  64. */
  65. $grid-column-header-focus-border-style: dynamic(solid);
  66. /**
  67. * @var {number}
  68. * The spacing between column header element border and inner focus border
  69. */
  70. $grid-column-header-focus-border-inset: dynamic(0px);
  71. /**
  72. * @var {color}
  73. * The border color of focused grid column headers
  74. */
  75. $grid-column-header-focus-border-color: dynamic(#333);
  76. // private
  77. $grid-header-height: $grid-column-header-line-height + vertical($grid-header-padding);