mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-21 10:47:04 +02:00
46 lines
843 B
TypeScript
46 lines
843 B
TypeScript
import { createVar, style } from '@vanilla-extract/css';
|
|
|
|
export const cardBackgroundVar = createVar();
|
|
|
|
export const card = style({
|
|
cursor: 'pointer',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
gap: 'var(--space-2)',
|
|
background: cardBackgroundVar,
|
|
overflow: 'hidden',
|
|
});
|
|
|
|
export const image = style({
|
|
height: 64,
|
|
width: '100%',
|
|
objectPosition: 'center right',
|
|
objectFit: 'contain',
|
|
});
|
|
|
|
export const classIcon = style({
|
|
width: '1em',
|
|
height: '1em',
|
|
minWidth: '1em',
|
|
minHeight: '1em',
|
|
});
|
|
|
|
export const name = style({
|
|
whiteSpace: 'nowrap',
|
|
overflow: 'hidden',
|
|
textOverflow: 'ellipsis',
|
|
});
|
|
|
|
export const link = style({
|
|
color: 'inherit',
|
|
textDecoration: 'none',
|
|
width: '100%',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
|
|
':hover': {
|
|
textDecoration: 'underline',
|
|
},
|
|
});
|