Negative slant angle changes to website

1 files changed, 6 insertions, 1 deletions

diff --git a/docs/index-var.js b/docs/index-var.js
index f85ca4126..19f4aeaa2 100644
--- a/docs/index-var.js
+++ b/docs/index-var.js
@@ -90,7 +90,12 @@ var ui = {
     let s = sample.style
     for (let k in this.state) {
       let f = this.formatters[k]
-      s.setProperty(`--var-${k}`, f ? f(this.state[k]) : this.state[k])
+      let v = this.state[k]
+      if (k == "slant") {
+        // negate slant value (negative values causes positive grades)
+        v = -v
+      }
+      s.setProperty(`--var-${k}`, f ? f(v) : v)
     }
   },
 }