View style.11ty.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// sass dependencies: `npm i -D sass` | |
const util = require('util'); | |
const sass = require('sass'); | |
const renderSass = util.promisify(sass.render); | |
// postcss dependencies: `npm i -D autoprefixer postcss precss` | |
const autoprefixer = require('autoprefixer'); | |
const postcss = require('postcss'); | |
const precss = require('precss'); | |
const postcssProcessor = postcss([precss, autoprefixer]); |
View style.11ty.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const util = require('util'); | |
const sass = require('sass'); // `npm i -D sass` | |
const renderSass = util.promisify(sass.render); | |
const inputFile = '_includes/style.scss'; // the path to your main SCSS file | |
const outputFile = 'style.css'; // the filename you want this template to be saved as | |
module.exports = class { | |
data() { | |
return { | |
permalink: outputFile, |
View my-listfilter.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../polymer/polymer.html"> | |
<!-- | |
`my-listfilter` | |
A filterable list component | |
@demo demo/index.html | |
--> | |
<dom-module id="my-listfilter"> | |
<template> | |
<style> |
View my-listfilter.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../polymer/polymer.html"> | |
<!-- | |
`my-listfilter` | |
A filterable list component | |
@demo demo/index.html | |
--> | |
<dom-module id="my-listfilter"> | |
<template> | |
<style> |
View my-listfilter.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../polymer/polymer.html"> | |
<!-- | |
`my-listfilter` | |
A filterable list component | |
@demo demo/index.html | |
--> | |
<dom-module id="my-listfilter"> | |
<template> | |
<style> |
View my-listfilter.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../polymer/polymer.html"> | |
<!-- | |
`my-listfilter` | |
A filterable list component | |
@demo demo/index.html | |
--> | |
<dom-module id="my-listfilter"> | |
<template> | |
<style> |
View my-listfilter.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../polymer/polymer.html"> | |
<!-- | |
`my-listfilter` | |
A filterable list component | |
@demo demo/index.html | |
--> | |
<dom-module id="my-listfilter"> | |
<template> | |
<style> |
View 01-skeleton.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../polymer/polymer.html"> | |
<!-- | |
`my-listfilter` | |
A filterable list component | |
@demo demo/index.html | |
--> | |
<dom-module id="my-listfilter"> | |
<template> | |
<style> |