src/content/dependencies/generateColorStyleRules.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

export default {
  contentDependencies: ['generateColorStyleVariables'],
  extraDependencies: ['html'],

  relations: (relation) =>
    ({variables: relation('generateColorStyleVariables')}),

  slots: {
    color: {validate: v => v.isColor},
  },

  generate(relations, slots) {
    if (!slots.color) {
      return '';
    }

    return [
      `:root {`,
      ...(
        relations.variables
          .slot('color', slots.color)
          .content
          .split(';')
          .map(line => line + ';')),
      `}`,
    ].join('\n');
  },
};