Something went wrong. Try again.
personal fork of bluesky app bsky.kelinci.net
Something went wrong. Try again.
799 B · 39 lines
TypeScript
at main
12345678910111213141516171819202122232425262728293031323334353637383940import { style } from '@vanilla-extract/css';
import { colors } from '#/styles/colors';import { recipe } from '#/styles/recipe';import { iconSize, space } from '#/styles/tokens.css';
export const toggle = style({ appearance: 'none', display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', marginTop: space.md, paddingInline: space.md, border: 'none', background: 'none', cursor: 'pointer',});
export const chevron = recipe( { base: { display: 'inline-flex', marginLeft: space._2xs, }, variants: { expanded: { true: { transform: 'rotate(-180deg)' }, }, }, }, { debugId: 'systemMessageGroupChevron' },);
export const chevronDownIcon = style({ width: iconSize.xs, height: iconSize.xs, color: colors.textContrastMedium,});