braid-design-system/lib/components/Alert/Alert.css.ts

Themeable design system for the SEEK Group

import { style } from '@vanilla-extract/css';

export const closeButton = style({});

export const closeButtonFocus = style({
  selectors: {
    [`${closeButton}:focus &`]: {
      opacity: 1,
    },
  },
});

export const closeButtonHover = style({
  selectors: {
    [`${closeButton}:focus &, ${closeButton}:hover &`]: {
      opacity: 1,
    },
  },
});