Add filters

.eleventy.js

@@ -7,6 +7,7 @@ const {
   getYear,
   toFullDate,
   renderSass,
+  renderSassString,
 } = require('./config/filters/index.js');
 
 module.exports = eleventyConfig => {
@@ -25,6 +26,7 @@ module.exports = eleventyConfig => {
     eleventyConfig.addFilter("getYear", getYear)
     eleventyConfig.addFilter("toFullDate", toFullDate)
     eleventyConfig.addFilter("sass", renderSass)
+    eleventyConfig.addFilter("sassInline", renderSassString)
     eleventyConfig.addFilter("getAllTags", collection => {
       let tagSet = new Set();
       for(let item of collection) {
@@ -32,6 +34,9 @@ module.exports = eleventyConfig => {
       }
       return Array.from(tagSet);
     });
+    eleventyConfig.addFilter("limit", function (arr, limit) {
+      return arr.slice(0, limit);
+    });
    
 
     eleventyConfig.addLayoutAlias('base', 'base.njk');

config/filters/index.js

@@ -37,7 +37,11 @@ function getDatetime(value) {
 }
 
 function renderSass(file) {
-  return sass.renderSync({ file }).css.toString()
+  return sass.compile(file).css.toString();
+}
+
+function renderSassString(string) {
+  return sass.compileString(string).css.toString();
 }
 
 module.exports = {
@@ -46,4 +50,5 @@ module.exports = {
   getYear,
   toFullDate,
   renderSass,
+  renderSassString,
 }