import NextLink from 'next/link'; import { FC, ReactNode } from 'react'; import styles from './link.module.scss'; export type LinkProps = { /** * The link body. */ children: ReactNode; /** * Set additional classnames to the link. */ className?: string; /** * True if it is a download link. Default: false. */ download?: boolean; /** * True if it is an external link. Default: false. */ external?: boolean; /** * The link target. */ href: string; /** * The link target code language. */ lang?: string; }; /** * Link Component * * Render a link. */ const Link: FC = ({ children, className = '', download = false, external = false, href, lang, }) => { const downloadClass = download ? styles['link--download'] : ''; return external ? ( {children} ) : ( {children} ); }; export default Link; 'sub'>The frontend of my personal website.Armand Philippot
summaryrefslogtreecommitdiffstats
path: root/src/components/Breadcrumb/Breadcrumb.module.scss
blob: bfba21f4d15337f5d511ae2ca21abfce779cfda9 (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

@use "@styles/abstracts/placeholders";

.list {
  @extend %reset-ordered-list;

  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: var(--spacing-2xs);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-sm);
}

.item {
  &:not(:last-of-type) {
    &::after {
      content: ">";
      margin-left: var(--spacing-2xs);
    }
  }
}
generated by cgit v1.2.3 (git 2.39.1) at 2025-10-31 18:21:26 +0000