formats theme.js

100% Statements 1/1

100% Branches 0/0

100% Functions 0/0

100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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  
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import theo from 'theo';
 
theo.registerFormat(
  'custom-props-theme.css',
  `/** This file is generated. Do not edit manually. **/
 
@layer deprecated, defaults, shared, theme, component;
@layer defaults {
  :where(html) {
  {{#each props as |prop|}}
    {{#if prop.comment}}
    {{{trimLeft (indent (comment (trim prop.comment)))}}}
    {{/if}}
    {{~#eq prop.scope "global"~}}
    --{{prop.namespace}}-{{#eq prop.scope "global"}}g-{{/eq}}{{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}};
    {{/eq}}
    {{~#eq prop.scope "reference"~}}
    --{{prop.namespace}}-r-{{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}};
    {{/eq}}
  {{/each}}
  }
}
  `,
);