_chartist-settings.scss 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. // Scales for responsive SVG containers
  2. $ct-scales: ((1), (15/16), (8/9), (5/6), (4/5), (3/4), (2/3), (5/8), (1/1.618), (3/5), (9/16), (8/15), (1/2), (2/5), (3/8), (1/3), (1/4)) !default;
  3. $ct-scales-names: (ct-square, ct-minor-second, ct-major-second, ct-minor-third, ct-major-third, ct-perfect-fourth, ct-perfect-fifth, ct-minor-sixth, ct-golden-section, ct-major-sixth, ct-minor-seventh, ct-major-seventh, ct-octave, ct-major-tenth, ct-major-eleventh, ct-major-twelfth, ct-double-octave) !default;
  4. // Class names to be used when generating CSS
  5. $ct-class-chart: ct-chart !default;
  6. $ct-class-chart-line: ct-chart-line !default;
  7. $ct-class-chart-bar: ct-chart-bar !default;
  8. $ct-class-horizontal-bars: ct-horizontal-bars !default;
  9. $ct-class-chart-pie: ct-chart-pie !default;
  10. $ct-class-chart-donut: ct-chart-donut !default;
  11. $ct-class-label: ct-label !default;
  12. $ct-class-series: ct-series !default;
  13. $ct-class-line: ct-line !default;
  14. $ct-class-point: ct-point !default;
  15. $ct-class-area: ct-area !default;
  16. $ct-class-bar: ct-bar !default;
  17. $ct-class-slice-pie: ct-slice-pie !default;
  18. $ct-class-slice-donut: ct-slice-donut !default;
  19. $ct-class-slice-donut-solid: ct-slice-donut-solid !default;
  20. $ct-class-grid: ct-grid !default;
  21. $ct-class-grid-background: ct-grid-background !default;
  22. $ct-class-vertical: ct-vertical !default;
  23. $ct-class-horizontal: ct-horizontal !default;
  24. $ct-class-start: ct-start !default;
  25. $ct-class-end: ct-end !default;
  26. // Container ratio
  27. $ct-container-ratio: (1/1.618) !default;
  28. // Text styles for labels
  29. $ct-text-color: rgba(0, 0, 0, 0.4) !default;
  30. $ct-text-size: 0.75rem !default;
  31. $ct-text-align: flex-start !default;
  32. $ct-text-justify: flex-start !default;
  33. $ct-text-line-height: 1;
  34. // Grid styles
  35. $ct-grid-color: rgba(0, 0, 0, 0.2) !default;
  36. $ct-grid-dasharray: 2px !default;
  37. $ct-grid-width: 1px !default;
  38. $ct-grid-background-fill: none !default;
  39. // Line chart properties
  40. $ct-line-width: 4px !default;
  41. $ct-line-dasharray: false !default;
  42. $ct-point-size: 10px !default;
  43. // Line chart point, can be either round or square
  44. $ct-point-shape: round !default;
  45. // Area fill transparency between 0 and 1
  46. $ct-area-opacity: 0.1 !default;
  47. // Bar chart bar width
  48. $ct-bar-width: 10px !default;
  49. // Donut width (If donut width is to big it can cause issues where the shape gets distorted)
  50. $ct-donut-width: 60px !default;
  51. // If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you
  52. // should set this property to false
  53. $ct-include-classes: true !default;
  54. // If this is set to true the CSS will contain colored series. You can extend or change the color with the
  55. // properties below
  56. $ct-include-colored-series: $ct-include-classes !default;
  57. // If set to true this will include all responsive container variations using the scales defined at the top of the script
  58. $ct-include-alternative-responsive-containers: $ct-include-classes !default;
  59. // Series names and colors. This can be extended or customized as desired. Just add more series and colors.
  60. $ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default;
  61. $ct-series-colors: (
  62. #ab8ce4,
  63. #616a78,
  64. #00c292,
  65. #03a9f3,
  66. #fec107,
  67. #fb9678,
  68. #926dde,
  69. #f96197,
  70. #57c7d4,
  71. #fcc525,
  72. #6B534C,
  73. #00FFFF,
  74. #ADD8E6,
  75. #398bf7,
  76. #11C26D
  77. ) !default;