MessageBox.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. /**
  2. * @class Ext.window.MessageBox
  3. */
  4. /**
  5. * @var {color}
  6. * The background-color of the MessageBox body
  7. */
  8. $messagebox-body-background-color: dynamic($window-body-background-color);
  9. /**
  10. * @var {number}
  11. * The border-width of the MessageBox body
  12. */
  13. $messagebox-body-border-width: dynamic(0);
  14. /**
  15. * @var {color}
  16. * The border-color of the MessageBox body
  17. */
  18. $messagebox-body-border-color: dynamic($window-body-border-color);
  19. /**
  20. * @var {string}
  21. * The border-style of the MessageBox body
  22. */
  23. $messagebox-body-border-style: dynamic($window-body-border-style);
  24. /**
  25. * @var {list}
  26. * The background-position of the MessageBox icon
  27. */
  28. $messagebox-icon-background-position: dynamic(left top);
  29. /**
  30. * @var {number}
  31. * The size of the MessageBox icon
  32. */
  33. $messagebox-icon-size: dynamic(32px);
  34. /**
  35. * @var {number}
  36. * The amount of space between the MessageBox icon and the message text
  37. */
  38. $messagebox-icon-spacing: dynamic(10px);
  39. /**
  40. * @var {number}
  41. * The font size to use for MessageBox icons when {@link Global_CSS#$enable-font-icons} is `true`.
  42. */
  43. $messagebox-glyph-font-size: dynamic($messagebox-icon-size);
  44. /**
  45. * @var {string/list}
  46. * Glyph for the "info" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  47. */
  48. $messagebox-info-glyph: dynamic($fa-var-info-circle $messagebox-glyph-font-size $font-icon-font-family);
  49. /**
  50. * @var {color}
  51. * The color to use for the "info" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  52. */
  53. $messagebox-info-glyph-color: dynamic(#808080);
  54. /**
  55. * @var {string/list}
  56. * Glyph for the "warning" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  57. */
  58. $messagebox-warning-glyph: dynamic($fa-var-exclamation-triangle $messagebox-glyph-font-size $font-icon-font-family);
  59. /**
  60. * @var {color}
  61. * The color to use for the "warning" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  62. */
  63. $messagebox-warning-glyph-color: dynamic(#f8d400);
  64. /**
  65. * @var {string/list}
  66. * Glyph for the "question" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  67. */
  68. $messagebox-question-glyph: dynamic($fa-var-question-circle $messagebox-glyph-font-size $font-icon-font-family);
  69. /**
  70. * @var {color}
  71. * The color to use for the "question" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  72. */
  73. $messagebox-question-glyph-color: dynamic(#808080);
  74. /**
  75. * @var {string/list}
  76. * Glyph for the "error" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  77. */
  78. $messagebox-error-glyph: dynamic($fa-var-times-circle $messagebox-glyph-font-size $font-icon-font-family);
  79. /**
  80. * @var {color}
  81. * The color to use for the "error" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  82. */
  83. $messagebox-error-glyph-color: dynamic(#ee611f);