github.com/Azareal/Gosora@v0.0.0-20210729070923-553e66b59003/pubnot/chartist/scss/settings/_chartist-settings.scss (about) 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 5 // Class names to be used when generating CSS 6 $ct-class-chart: ct-chart !default; 7 $ct-class-chart-line: ct-chart-line !default; 8 $ct-class-chart-bar: ct-chart-bar !default; 9 $ct-class-horizontal-bars: ct-horizontal-bars !default; 10 $ct-class-chart-pie: ct-chart-pie !default; 11 $ct-class-chart-donut: ct-chart-donut !default; 12 $ct-class-label: ct-label !default; 13 $ct-class-series: ct-series !default; 14 $ct-class-line: ct-line !default; 15 $ct-class-point: ct-point !default; 16 $ct-class-area: ct-area !default; 17 $ct-class-bar: ct-bar !default; 18 $ct-class-slice-pie: ct-slice-pie !default; 19 $ct-class-slice-donut: ct-slice-donut !default; 20 $ct-class-slice-donut-solid: ct-slice-donut-solid !default; 21 $ct-class-grid: ct-grid !default; 22 $ct-class-grid-background: ct-grid-background !default; 23 $ct-class-vertical: ct-vertical !default; 24 $ct-class-horizontal: ct-horizontal !default; 25 $ct-class-start: ct-start !default; 26 $ct-class-end: ct-end !default; 27 28 // Container ratio 29 $ct-container-ratio: (1/1.618) !default; 30 31 // Text styles for labels 32 $ct-text-color: rgba(0, 0, 0, 0.4) !default; 33 $ct-text-size: 0.75rem !default; 34 $ct-text-align: flex-start !default; 35 $ct-text-justify: flex-start !default; 36 $ct-text-line-height: 1; 37 38 // Grid styles 39 $ct-grid-color: rgba(0, 0, 0, 0.2) !default; 40 $ct-grid-dasharray: 2px !default; 41 $ct-grid-width: 1px !default; 42 $ct-grid-background-fill: none !default; 43 44 // Line chart properties 45 $ct-line-width: 4px !default; 46 $ct-line-dasharray: false !default; 47 $ct-point-size: 10px !default; 48 // Line chart point, can be either round or square 49 $ct-point-shape: round !default; 50 // Area fill transparency between 0 and 1 51 $ct-area-opacity: 0.1 !default; 52 53 // Bar chart bar width 54 $ct-bar-width: 10px !default; 55 56 // Donut width (If donut width is to big it can cause issues where the shape gets distorted) 57 $ct-donut-width: 60px !default; 58 59 // If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you 60 // should set this property to false 61 $ct-include-classes: true !default; 62 63 // If this is set to true the CSS will contain colored series. You can extend or change the color with the 64 // properties below 65 $ct-include-colored-series: $ct-include-classes !default; 66 67 // If set to true this will include all responsive container variations using the scales defined at the top of the script 68 $ct-include-alternative-responsive-containers: $ct-include-classes !default; 69 70 // Series names and colors. This can be extended or customized as desired. Just add more series and colors. 71 $ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default; 72 $ct-series-colors: ( 73 #d70206, 74 #f05b4f, 75 #f4c63d, 76 #d17905, 77 #453d3f, 78 #59922b, 79 #0544d3, 80 #6b0392, 81 #f05b4f, 82 #dda458, 83 #eacf7d, 84 #86797d, 85 #b2c326, 86 #6188e2, 87 #a748ca 88 ) !default;