0.2.11 • Published 3 years ago
@aesthetic/addon-mixins v0.2.11
Aesthetic - Design System Mixins
CSS-in-JS mixins for the Aesthetic design system.
import mixins from '@aesthetic/addon-mixins';
import { Design } from '@aesthetic/system';
// Configure design system with mixins
const design = new Design(
'dls',
{
/* ... */
},
mixins,
);
// Generate CSS properties from theme
const theme = design.createTheme(
{ contrast: 'normal', scheme: 'light' },
{
/* ... */
},
);
const css = theme.mixin('background', { palette: 'success' }, { borderWidth: 1 });
// OR with type safety
const css = theme.mixin.background({ palette: 'success' }, { borderWidth: 1 });
Installation
yarn add @aesthetic/addon-mixins
Documentation
0.2.11
3 years ago
0.2.10
3 years ago
0.2.9
3 years ago
0.2.8
3 years ago
0.2.7
3 years ago
0.2.6
3 years ago
0.2.5
3 years ago
0.2.4
3 years ago
0.2.3
3 years ago
0.2.2
3 years ago
0.2.1
3 years ago
0.2.0
4 years ago
0.1.6
4 years ago
0.1.4
4 years ago
0.1.5
4 years ago
0.1.3
4 years ago
0.1.2
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago