Component.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /**
  2. * @class Global_CSS
  3. */
  4. /**
  5. * @var {color} $color
  6. * The default text color to be used throughout the theme.
  7. */
  8. $color: dynamic(#000);
  9. /**
  10. * @var {string} $font-family
  11. * The default font-family to be used throughout the theme.
  12. */
  13. $font-family: dynamic(helvetica, arial, verdana, sans-serif);
  14. /**
  15. * @var {number} $font-size
  16. * The default font-size to be used throughout the theme.
  17. */
  18. $font-size: dynamic(13px);
  19. /**
  20. * @var {string/number}
  21. * The default font-weight to be used throughout the theme.
  22. */
  23. $font-weight: dynamic(normal);
  24. /**
  25. * @var {string/number}
  26. * The default font-weight for bold font to be used throughout the theme.
  27. */
  28. $font-weight-bold: dynamic(bold);
  29. /**
  30. * @var {string/number} $line-height
  31. * The default line-height to be used throughout the theme.
  32. */
  33. $line-height: dynamic(normal);
  34. /**
  35. * @var {string} $base-gradient
  36. * The base gradient to be used throughout the theme.
  37. */
  38. $base-gradient: dynamic('matte');
  39. /**
  40. * @var {color} $base-color
  41. * The base color to be used throughout the theme.
  42. */
  43. $base-color: dynamic(#808080);
  44. /**
  45. * @var {color} $neutral-color
  46. * The neutral color to be used throughout the theme.
  47. */
  48. $neutral-color: dynamic(#dcdcdc);
  49. /**
  50. * @var {color} $body-background-color
  51. * Background color to apply to the body element. If set to transparent or 'none' no
  52. * background-color style will be set on the body element.
  53. */
  54. $body-background-color: dynamic(transparent);
  55. /**
  56. * @var {boolean}
  57. * `true` to enable font icon support throughout the theme.
  58. */
  59. $enable-font-icons: dynamic(false);
  60. /**
  61. * @var {string}
  62. * The font-family to use for font icons throughout the theme. Only applicable when
  63. * {@link Global_CSS#$enable-font-icons} is `true`.
  64. * @private
  65. */
  66. $font-icon-font-family: dynamic(FontAwesome);