aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/chapter_link.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/@next/components/chapter_link.tsx')
-rw-r--r--packages/website/ts/@next/components/chapter_link.tsx15
1 files changed, 15 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/chapter_link.tsx b/packages/website/ts/@next/components/chapter_link.tsx
new file mode 100644
index 000000000..fd974cec1
--- /dev/null
+++ b/packages/website/ts/@next/components/chapter_link.tsx
@@ -0,0 +1,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;
+ }
+`;