You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
2.4 KiB
61 lines
2.4 KiB
9 years ago
|
// Scales for responsive SVG containers
|
||
|
|
$ct-scales_orig: ((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;
|
||
|
|
$ct-scales-names_orig: (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;
|
||
|
|
|
||
|
|
$ct-scales: ((9/16), (2/3));
|
||
|
|
$ct-scales-names: (ct-wide, ct-narrow);
|
||
|
|
|
||
|
|
|
||
|
|
// Container ratio
|
||
|
|
$ct-container-ratio: (1/1.618) !default;
|
||
|
|
|
||
|
|
// Text styles for labels
|
||
|
|
$ct-text-color: rgba(white, 0.8) !default;
|
||
|
|
$ct-text-size: 0.75rem !default;
|
||
|
|
$ct-text-align: flex-start !default;
|
||
|
|
$ct-text-justify: flex-start !default;
|
||
|
|
$ct-text-line-height: 1;
|
||
|
|
|
||
|
|
$ct-axis-label-color: rgba(white, 0.8) !default;
|
||
|
|
|
||
|
|
// Grid styles
|
||
|
|
$ct-grid-color: rgba(white, 0.3) !default;
|
||
|
|
$ct-grid-dasharray: 2px !default;
|
||
|
|
$ct-grid-width: 1px !default;
|
||
|
|
|
||
|
|
// Line chart properties
|
||
|
|
$ct-line-width: 2px !default;
|
||
|
|
$ct-line-dasharray: false !default;
|
||
|
|
$ct-point-size: 4px !default;
|
||
|
|
// Line chart point, can be either round or square
|
||
|
|
$ct-point-shape: round !default;
|
||
|
|
// Area fill transparency between 0 and 1
|
||
|
|
$ct-area-opacity: 0.1 !default;
|
||
|
|
|
||
|
|
// Bar chart bar width
|
||
|
|
$ct-bar-width: 10px !default;
|
||
|
|
|
||
|
|
// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
|
||
|
|
$ct-donut-width: 60px !default;
|
||
|
|
|
||
|
|
// If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you
|
||
|
|
// should set this property to false
|
||
|
|
$ct-include-classes: true !default;
|
||
|
|
|
||
|
|
// If this is set to true the CSS will contain colored series. You can extend or change the color with the
|
||
|
|
// properties below
|
||
|
|
$ct-include-colored-series: $ct-include-classes !default;
|
||
|
|
|
||
|
|
// If set to true this will include all responsive container variations using the scales defined at the top of the script
|
||
|
|
$ct-include-alternative-responsive-containers: $ct-include-classes !default;
|
||
|
|
|
||
|
|
// Series names and colors. This can be extended or customized as desired. Just add more series and colors.
|
||
|
|
$ct-series-names: (a, b, c, d, e) !default;
|
||
|
|
$ct-series-colors: (
|
||
|
|
#f05b4f,
|
||
|
|
#6188e2,
|
||
|
|
#59922b,
|
||
|
|
#eacf7d,
|
||
|
|
#a748ca
|
||
|
|
) !default;
|