From 9765c1dd117b49f4c6e84484f0adcb3c5ecc9e31 Mon Sep 17 00:00:00 2001
From: weru <fromweru@gmail.com>
Date: Mon, 21 Dec 2020 19:46:03 +0000
Subject: [PATCH] use sass for chart styles
---
assets/sass/_chart.sass | 38 ++++++++++++++++++++++++++++++++++++++
/dev/null | 1 -
layouts/shortcodes/chart.html | 1 -
assets/sass/main.sass | 4 +---
assets/sass/_base.sass | 5 ++++-
5 files changed, 43 insertions(+), 6 deletions(-)
diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index f88530d..ccb9ded 100644
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -201,4 +201,7 @@
canvas
margin: 2.5rem auto 0 auto
max-width: 450px !important
- max-height: 450px !important
\ No newline at end of file
+ max-height: 450px !important
+
+footer
+ min-height: 150px
\ No newline at end of file
diff --git a/assets/sass/_chart.sass b/assets/sass/_chart.sass
new file mode 100644
index 0000000..d376872
--- /dev/null
+++ b/assets/sass/_chart.sass
@@ -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
diff --git a/assets/sass/main.sass b/assets/sass/main.sass
index d3f2c8a..f9f6ac3 100644
--- a/assets/sass/main.sass
+++ b/assets/sass/main.sass
@@ -5,6 +5,4 @@
@import "utils"
@import "syntax"
@import "fonts"
-
-footer
- min-height: 150px
+@import "chart"
\ No newline at end of file
diff --git a/layouts/shortcodes/chart.html b/layouts/shortcodes/chart.html
index 466cf8a..8574f4d 100644
--- a/layouts/shortcodes/chart.html
+++ b/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;
diff --git a/static/js/chart.min.css b/static/js/chart.min.css
deleted file mode 100644
index 9dc5ac2..0000000
--- a/static/js/chart.min.css
+++ /dev/null
@@ -1 +0,0 @@
-@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}
\ No newline at end of file
--
Gitblit v1.10.0