use sass for chart styles

weru

21.46.2020 9765c1dd117b49f4c6e84484f0adcb3c5ecc9e31

use sass for chart styles

 assets/sass/_base.sass

@@ -202,3 +202,6 @@
  margin: 2.5rem auto 0 auto
  max-width: 450px !important
  max-height: 450px !important

footer
  min-height: 150px

 assets/sass/_chart.sass

New file
@@ -0,0 +1,38 @@
@keyframes chartjs-render-animation
  0%
    opacity: .99
  100%
    opacity: 1

.chartjs
  &-render-monitor
    animation: chartjs-render-animation 1ms

  &-size-monitor
    &, &-expand, &-shrink
      position: absolute
      direction: ltr
      left: 0
      top: 0
      right: 0
      bottom: 0
      overflow: hidden
      pointer-events: none
      visibility: hidden
      z-index: -1
    
    &-expand
      > div
        position: absolute
        width: 1000000px
        height: 1000000px
        left: 0
        top: 0
      
    &-shrink
      > div
        position: absolute
        width: 200%
        height: 200%
        left: 0
        top: 0

 assets/sass/main.sass

@@ -5,6 +5,4 @@
@import "utils"
@import "syntax"
@import "fonts"

footer
  min-height: 150px
@import "chart"

 layouts/shortcodes/chart.html

@@ -52,7 +52,6 @@
{{- $labels = split (delimit  $labels ",") "," }}
{{- $dataTally := split (delimit $dataCompactData ",") ","  }}

<link rel="stylesheet" href='{{ absURL "js/chart.min.css" }}' />
<script src='{{ absURL "js/chart.min.js" }}'></script>
<script>
  Chart.platform.disableCSSInjection = true;

 static/js/chart.min.css

File was deleted