packages/website/ts/@next/components/chapter_link.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

import { NavLink as ReactRouterLink } from 'react-router-dom';
import styled from 'styled-components';

export const ChapterLink = styled(ReactRouterLink).attrs({
    activeStyle: { opacity: 1 },
})`
    font-size: 1.222222222rem;
    display: block;
    opacity: 0.5;
    margin-bottom: 1.666666667rem;

    &:hover {
        opacity: 1;
    }
`;