UNPKG

@equinor/eds-core-react

Version:

The React implementation of the Equinor Design System

54 lines (51 loc) 889 B
import { tokens } from '@equinor/eds-tokens'; const { colors: { ui: { background__default: { rgba: background }, background__light: { rgba: borderColor } } }, spacings: { comfortable: { xx_small: spacingXXS, medium: spacingMedium } }, typography: { paragraph: { body_short } } } = tokens; const comfortable = { background, spacings: { left: '14px', // padding left is 14px, because of border-left 'steals' 2px of the padding right: spacingMedium, top: spacingMedium }, border: { type: 'bordergroup', left: { color: borderColor, width: spacingXXS, style: 'solid' } }, typography: { ...body_short } }; const variants = { small: '240px', medium: '320px', large: '480px', xlarge: '640px' }; export { comfortable, variants };