aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
40 lines (37 loc) • 1.29 kB
text/typescript
import { definePreset } from 'unocss';
export const auraGlassPreset = definePreset({
name: 'aura-glass',
theme: {
colors: {
primary: 'var(--aura-color-semantic-primary)',
success: 'var(--aura-color-semantic-success)',
warning: 'var(--aura-color-semantic-warning)',
danger: 'var(--aura-color-semantic-danger)',
info: 'var(--aura-color-semantic-info)',
neutral: 'var(--aura-color-semantic-neutral)',
},
spacing: {
'0': 'var(--aura-space-0)',
'1': 'var(--aura-space-1)',
'2': 'var(--aura-space-2)',
'3': 'var(--aura-space-3)',
'4': 'var(--aura-space-4)',
'5': 'var(--aura-space-5)',
'6': 'var(--aura-space-6)',
'8': 'var(--aura-space-8)',
'10': 'var(--aura-space-10)',
'12': 'var(--aura-space-12)',
'16': 'var(--aura-space-16)',
},
fontSize: {
'display': 'var(--aura-type-display-font-size)',
'headline': 'var(--aura-type-headline-font-size)',
'title': 'var(--aura-type-title-font-size)',
'subtitle': 'var(--aura-type-subtitle-font-size)',
'body': 'var(--aura-type-body-font-size)',
'caption': 'var(--aura-type-caption-font-size)',
'label': 'var(--aura-type-label-font-size)',
},
},
});
export default auraGlassPreset;