StatusProxy.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. /**
  2. * @class Ext.dd.StatusProxy
  3. */
  4. /**
  5. * @var {number/list}
  6. * StatusProxy padding
  7. */
  8. $statusproxy-padding: dynamic(5px);
  9. /**
  10. * @var {number/list}
  11. * StatusProxy text color
  12. */
  13. $statusproxy-color: dynamic($color);
  14. /**
  15. * @var {color/list}
  16. * StatusProxy border-color
  17. */
  18. $statusproxy-border-color: dynamic($neutral-color);
  19. /**
  20. * @var {number/list}
  21. * StatusProxy border-width
  22. */
  23. $statusproxy-border-width: dynamic(1px);
  24. /**
  25. * @var {string/list}
  26. * StatusProxy border-style
  27. */
  28. $statusproxy-border-style: dynamic(solid);
  29. /**
  30. * @var {color/list}
  31. * StatusProxy background-color
  32. */
  33. $statusproxy-background-color: dynamic(#fff);
  34. /**
  35. * @var {string/number}
  36. * Button font-weight
  37. */
  38. $statusproxy-font-weight: dynamic($font-weight);
  39. /**
  40. * @var {number}
  41. * Button font-size
  42. */
  43. $statusproxy-font-size: dynamic($font-size);
  44. /**
  45. * @var {number}
  46. * Button line-height
  47. */
  48. $statusproxy-line-height: dynamic($line-height);
  49. /**
  50. * @var {string}
  51. * Button font-family
  52. */
  53. $statusproxy-font-family: dynamic($font-family);
  54. /**
  55. * @var {number}
  56. * StatusProxy icon size
  57. */
  58. $statusproxy-icon-size: dynamic(16px);
  59. /**
  60. * @var {number}
  61. * The font size to use for StatusProxy icons when {@link Global_CSS#$enable-font-icons} is `true`.
  62. */
  63. $statusproxy-glyph-font-size: dynamic($statusproxy-icon-size);
  64. /**
  65. * @var {string/list}
  66. * Glyph for the "ok" StatusProxy icon when {@link Global_CSS#$enable-font-icons} is `true`.
  67. */
  68. $statusproxy-ok-glyph: dynamic($fa-var-check-circle $statusproxy-glyph-font-size $font-icon-font-family);
  69. /**
  70. * @var {color}
  71. * Color for the "ok" StatusProxy icon when {@link Global_CSS#$enable-font-icons} is `true`.
  72. */
  73. $statusproxy-ok-glyph-color: dynamic(red);
  74. /**
  75. * @var {string/list}
  76. * Glyph for the "add" StatusProxy icon when {@link Global_CSS#$enable-font-icons} is `true`.
  77. */
  78. $statusproxy-add-glyph: dynamic($statusproxy-ok-glyph);
  79. /**
  80. * @var {color}
  81. * Color for the "add" StatusProxy icon when {@link Global_CSS#$enable-font-icons} is `true`.
  82. */
  83. $statusproxy-add-glyph-color: dynamic($statusproxy-ok-glyph-color);
  84. /**
  85. * @var {string/list}
  86. * Glyph for the "nodrop" StatusProxy icon when {@link Global_CSS#$enable-font-icons} is `true`.
  87. */
  88. $statusproxy-nodrop-glyph: dynamic($fa-var-times-circle $statusproxy-glyph-font-size $font-icon-font-family);
  89. /**
  90. * @var {color}
  91. * Color for the "nodrop" StatusProxy icon when {@link Global_CSS#$enable-font-icons} is `true`.
  92. */
  93. $statusproxy-nodrop-glyph-color: dynamic(green);