import { css } from 'styled-components';

export const breadcrumbs = css`
  /**
   * @tokens Breadcrumbs
   */

  --breadcrumbs-text-color: var(--text-color-description); // @presenter Color
  --breadcrumbs-font-size: var(--font-size-base); // @presenter FontSize
  --breadcrumbs-text-color-active: var(--text-color-primary); // @presenter Color
  --breadcrumbs-text-decoration-hover: underline; // @presenter TextDecoration
  --breadcrumbs-padding: 0; // @presenter Spacing
  --breadcrumbs-gap: var(--spacing-xs);
  --breadcrumbs-margin-bottom: var(--spacing-lg); // @presenter Spacing

  // @tokens End
`;