Something went wrong. Try again.
personal fork of bluesky app bsky.kelinci.net
Something went wrong. Try again.
938 B · 43 lines
TypeScript
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344import { createVar, style } from '@vanilla-extract/css';
import { vars } from '#/styles/contract.css';
export const sizeVar = createVar();export const radiusVar = createVar();
export const trigger = style({ display: 'block', position: 'relative', outline: 0, border: 0, borderRadius: radiusVar, background: 'transparent', padding: 0, width: sizeVar, height: sizeVar, cursor: 'pointer', selectors: { '&:focus-visible': { outline: `2px solid ${vars.palette.primary_500}`, outlineOffset: 2 }, },});
export const editBadge = style({ boxSizing: 'border-box', display: 'flex', position: 'absolute', right: 0, bottom: 0, alignItems: 'center', justifyContent: 'center', border: `1px solid ${vars.palette.contrast_100}`, borderRadius: 12, backgroundColor: vars.palette.contrast_25, width: 24, height: 24, color: vars.palette.contrast_1000,});
export const cameraFilledIcon = style({ width: 14, height: 14,});