@slashid/react-primitives/src/components/divider/divider.css.ts

Primitive components for the /id React SDK

import { style } from "@vanilla-extract/css";
import { publicVariables, theme } from "../../theme/theme.css";

export const divider = style({
  display: "flex",
  alignItems: "center",
  margin: `${theme.space[6]} 0`,
  gap: theme.space[2],
});

export const content = style({
  color: publicVariables.color.placeholder,
});

export const hr = style({
  all: "unset",
  width: "100%",
  borderTop: `1px solid ${publicVariables.color.smooth}`,
});