mirror of
https://github.com/gitbutlerapp/gitbutler.git
synced 2024-12-02 07:53:55 +03:00
c820a33e41
* tooltip component + custom svelte transitions * update some tooltips * replace old toogle * replace old tooltip hook * remove old tooltip hook * lint fixes * design tokens update
41 lines
818 B
JavaScript
41 lines
818 B
JavaScript
import { defineConfig } from '@terrazzo/cli';
|
|
import css from '@terrazzo/plugin-css';
|
|
|
|
function pxToRem(token) {
|
|
if (token.$type === 'dimension' && token.$value.slice(-2) === 'px') {
|
|
return token.$value.slice(0, -2) / 16 + 'rem';
|
|
}
|
|
}
|
|
|
|
function clearFxPrefix(id) {
|
|
if (id.includes('fx.')) {
|
|
return id.replace('fx.', '').replace('.', '-');
|
|
}
|
|
}
|
|
|
|
export default defineConfig({
|
|
tokens: './src/lib/data/design-tokens.json',
|
|
outDir: './src/styles/core',
|
|
plugins: [
|
|
css({
|
|
filename: 'design-tokens.css',
|
|
modeSelectors: [
|
|
{
|
|
mode: 'dark',
|
|
selectors: [':root.dark']
|
|
}
|
|
],
|
|
p3: false,
|
|
transform: pxToRem,
|
|
generateName(variableId) {
|
|
return clearFxPrefix(variableId);
|
|
},
|
|
utility: {
|
|
bg: ['clr.bg.*'],
|
|
text: ['clr.text.*'],
|
|
border: ['clr.border.*']
|
|
}
|
|
})
|
|
]
|
|
});
|