updated to work with sass instead of the deprecated node-sass

Author: chrisspiegl

Diff for: assets/styles.11ty.js

@@ -1,122 +1,3 @@
-// Shamelessly modified from Eleventastic:
-// https://github.com/maxboeck/eleventastic
-
-const path = require("path")
-const sass = require("node-sass")
-const CleanCSS = require("clean-css")
-const cssesc = require("cssesc")
-
-const isProd = process.env.ELEVENTY_ENV === "production"
-
-// main entry point name
-const fileName = "style.scss"
-
-module.exports = class {
-  async data() {
-    const filePath = path.join(__dirname, `/scss/${fileName}`)
-    return {
-      permalink: '/assets/style.css',
-      eleventyExcludeFromCollections: true,
-      layout: 'blank',
-      filePath,
-    }
-  }
-
-  // Compile Sass to CSS,
-  // Embed Source Map in Development
-  async compile(config) {
-    return new Promise((resolve, reject) => {
-      if (!isProd) {
-        config.sourceMap = true;
-        config.sourceMapEmbed = true;
-        config.outputStyle = "expanded";
-      }
-
-      return sass.render(config, (err, result) => {
-        if (err) {
-          return reject(err);
-        }
-        resolve(result.css.toString());
-      });
-    });
-  }
-
-  // Minify & Optimize with CleanCSS in Production
-  async minify(css) {
-    return new Promise((resolve, reject) => {
-      if (!isProd) {
-        resolve(css);
-      }
-      const minified = new CleanCSS().minify(css);
-      if (!minified.styles) {
-        return reject(minified.error);
-      }
-      resolve(minified.styles);
-    });
-  }
-
-  // display an error overlay when CSS build fails.
-  // this brilliant idea is taken from Mike Riethmuller / Supermaya
-  // @see https://github.com/MadeByMike/supermaya/blob/master/site/utils/compile-scss.js
-  renderError(error) {
-    return `
-        /* Error compiling stylesheet */
-        *,
-        *::before,
-        *::after {
-            box-sizing: border-box;
-        }
-        html,
-        body {
-            margin: 0;
-            padding: 0;
-            min-height: 100vh;
-            font-family: monospace;
-            font-size: 1.25rem;
-            line-height:1.5;
-        }
-        body::before {
-            content: '';
-            background: #000;
-            top: 0;
-            bottom: 0;
-            width: 100%;
-            height: 100%;
-            opacity: 0.7;
-            position: fixed;
-        }
-        body::after {
-            content: '${cssesc(error)}';
-            white-space: pre;
-            display: block;
-            top: 0;
-            padding: 30px;
-            margin: 50px;
-            width: calc(100% - 100px);
-            color:#721c24;
-            background: #f8d7da;
-            border: solid 2px red;
-            position: fixed;
-        }`;
-  }
-
-  // render the CSS file
-  async render({filePath}) {
-    try {
-      const css = await this.compile({ file: filePath })
-      const result = await this.minify(css)
-      return result;
-    } catch (err) {
-      // if things go wrong
-      if (isProd) {
-        // throw and abort in production
-        throw new Error(err);
-      } else {
-        // otherwise display the error overly
-        console.error(err);
-        const msg = err.formatted || err.message;
-        return this.renderError(msg);
-      }
-    }
-  }
-};
+version https://git-lfs.github.com/spec/v1
+oid sha256:704cddb384430aff341d8ace1d21055a9d2c4aa62d2110cd14b7491ffda5577b
+size 3033