2023-09-12 03:05:11 +00:00
|
|
|
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',
|
2023-09-18 21:35:46 +00:00
|
|
|
transition: `box-shadow ${theme.durations.regular}`,
|
2023-09-12 03:05:11 +00:00
|
|
|
|
|
|
|
|
':hover': {
|
|
|
|
|
boxShadow: 'inset 0 -128px 128px -128px black',
|
|
|
|
|
},
|
|
|
|
|
});
|
