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;