13 | <{{ name }}>
15 |{{ description | safe }}
16 |<color-slider> for a specific channel.",
8 | "color-slider": "Display a slider with a gradient background. Primarily intended for color picking.",
9 | "gamut-badge": "Gamut indicator. Used internally by <color-swatch>.",
10 | "channel-picker": "Select individual color channels within a specified color space.",
11 | "space-picker": "Select a color space from a list of predefined or custom color spaces."
12 | }
13 |
--------------------------------------------------------------------------------
/_build/eleventy.js:
--------------------------------------------------------------------------------
1 | import markdownIt from "markdown-it";
2 | import markdownItAttrs from "markdown-it-attrs";
3 | import markdownItAnchor from "markdown-it-anchor";
4 | import configOriginal from "./eleventy-original.js";
5 | import * as filters from "./filters-extra.js";
6 |
7 | let data = {
8 | permalink: "{{ page.filePathStem | replace('README', '') | replace('index', '') }}/index.html",
9 | body_classes: "cn-ignore",
10 | };
11 |
12 | let md = markdownIt({
13 | html: true,
14 | linkify: true,
15 | typographer: true,
16 | })
17 | .disable("code")
18 | .use(markdownItAttrs)
19 | .use(markdownItAnchor, {
20 | permalink: markdownItAnchor.permalink.headerLink(),
21 | level: 2,
22 | });
23 |
24 | export default config => {
25 | let ret = configOriginal(config);
26 |
27 | for (let prop in data) {
28 | config.addGlobalData(prop, data[prop]);
29 | }
30 |
31 | for (let f in filters) {
32 | config.addFilter(f, filters[f]);
33 | }
34 |
35 | config.setLibrary("md", md);
36 |
37 | config.addPairedShortcode("md", children => {
38 | return md.render(children);
39 | });
40 |
41 | return ret;
42 | };
43 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Color Elements
2 |
3 | These are some **highly experimental** color-related web components.
4 | Use at your own risk, the API can change at any point.
5 |
6 | ## All elements
7 |
8 |
13 | {{ description | safe }}
16 |