formats mappings.js

0% Statements 0/1

100% Branches 0/0

100% Functions 0/0

0% Lines 0/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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import theo from 'theo';
 
theo.registerFormat(
  'custom-props.css',
  `
@layer theme {
  :where(html) {
  {{#each props as |prop|}}
    {{#if prop.comment}}
    {{{trimLeft (indent (comment (trim prop.comment)))}}}
    {{/if}}
    --sds-{{#eq prop.scope "global"}}g-{{/eq}}{{#eq prop.scope "shared"}}s-{{/eq}}{{kebabcase prop.name}}: var(--{{prop.namespace}}-{{#eq prop.scope "global"}}g-{{/eq}}{{#eq prop.scope "shared"}}s-{{/eq}}{{kebabcase prop.name}});
    {{#eq prop.scope "global"}}--{{prop.namespace}}-{{#eq prop.scope "global"}}g-{{/eq}}{{#eq prop.scope "shared"}}s-{{/eq}}{{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}};{{/eq}}
  {{/each}}
  }
}
  `,
);