Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344import { vars } from '@luke-ui/react/theme';import { style } from '@vanilla-extract/css';
/** * Soft bordered surface link. Background states live here (not on Box sprinkles) so hover/pressed * are not overridden by the utilities-layer `backgroundColor` class. */export const cardLink = style({ '@layer': { components: { backgroundColor: vars.color.surface.base, color: vars.color.text.primary, textDecoration: 'none', transition: `background-color ${vars.motion.duration.feedback} ${vars.motion.easing.standard}`, selectors: { '&:hover': { // Soften the subtle hover ramp the way Fumadocs used accent/80. backgroundColor: vars.color.background.neutral.subtle.hover, }, '&:active': { backgroundColor: vars.color.background.neutral.subtle.pressed, }, '&:focus-visible': { outline: `2px solid ${vars.color.border.focus}`, outlineOffset: '2px', }, }, '@media': { '(prefers-reduced-motion: reduce)': { transition: 'none', }, }, }, },});
export const cardLinkAlignEnd = style({ '@layer': { components: { textAlign: 'end', }, },});