aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/chapter_link.tsx
blob: 786c76bec8f92d745b633ae6bffe2a0a6690247b (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import * as React from 'react';
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;
    }
`;