mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-23 03:29:51 +02:00
25 lines
590 B
TypeScript
25 lines
590 B
TypeScript
|
import { style } from '@vanilla-extract/css';
|
||
|
|
import { theme } from '../stitches.config';
|
||
|
|
|
||
|
|
export const tool = style({
|
||
|
|
height: 128,
|
||
|
|
minWidth: 256,
|
||
|
|
flex: 1,
|
||
|
|
borderRadius: 4,
|
||
|
|
textDecoration: 'none',
|
||
|
|
backgroundSize: 'cover',
|
||
|
|
backgroundPosition: 'center',
|
||
|
|
overflow: 'hidden',
|
||
|
|
display: 'flex',
|
||
|
|
flexDirection: 'column',
|
||
|
|
alignItems: 'flex-start',
|
||
|
|
justifyContent: 'flex-end',
|
||
|
|
padding: 16,
|
||
|
|
gap: 4,
|
||
|
|
boxShadow: 'inset 0 -192px 128px -128px black',
|
||
|
|
transitionDuration: theme.durations.regular,
|
||
|
|
|
||
|
|
':hover': {
|
||
|
|
boxShadow: 'inset 0 -128px 128px -128px black',
|
||
|
|
},
|
||
|
|
});
|