Something went wrong. Try again.
personal fork of bluesky app bsky.kelinci.net
Something went wrong. Try again.
705 B · 33 lines
TypeScript
at main
12345678910111213141516171819202122232425262728293031323334import { style } from '@vanilla-extract/css';
import { colors } from '#/styles/colors';import { recipe } from '#/styles/recipe';
import { bubbleCorners } from './MessageItem.css';
export { bubbleCorners };
export const outer = style({ width: '100%', minWidth: 280, maxWidth: 360,});
/** tints the embed background by author, shared with the invite embed to keep the two in step. */export const fromSelfBackground = { true: { background: colors.primary_50 }, false: { background: colors.contrast_50 },};
export const inner = recipe( { base: { overflow: 'hidden', border: 'none', }, variants: { fromSelf: fromSelfBackground, }, }, { debugId: 'messageItemEmbedInner' },);