aboutsummaryrefslogtreecommitdiffstats
path: root/packages/react-shared/src/components/anchor_title.tsx
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-10-15 18:27:56 +0800
committerFabio Berger <me@fabioberger.com>2018-10-15 18:27:56 +0800
commiteee0640b07bcddccbddf68618f2772b1de92a18d (patch)
tree98f132b1b36c507f9bfb66042b7ee6e01338766e /packages/react-shared/src/components/anchor_title.tsx
parent4298da118f8cb7ca54b255576894bc98b7f7b374 (diff)
downloaddexon-sol-tools-eee0640b07bcddccbddf68618f2772b1de92a18d.tar
dexon-sol-tools-eee0640b07bcddccbddf68618f2772b1de92a18d.tar.gz
dexon-sol-tools-eee0640b07bcddccbddf68618f2772b1de92a18d.tar.bz2
dexon-sol-tools-eee0640b07bcddccbddf68618f2772b1de92a18d.tar.lz
dexon-sol-tools-eee0640b07bcddccbddf68618f2772b1de92a18d.tar.xz
dexon-sol-tools-eee0640b07bcddccbddf68618f2772b1de92a18d.tar.zst
dexon-sol-tools-eee0640b07bcddccbddf68618f2772b1de92a18d.zip
chore: many small stylistic changes
Diffstat (limited to 'packages/react-shared/src/components/anchor_title.tsx')
-rw-r--r--packages/react-shared/src/components/anchor_title.tsx5
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/react-shared/src/components/anchor_title.tsx b/packages/react-shared/src/components/anchor_title.tsx
index a83881b67..dabdfff9b 100644
--- a/packages/react-shared/src/components/anchor_title.tsx
+++ b/packages/react-shared/src/components/anchor_title.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { Link as ScrollLink } from 'react-scroll';
import { HeaderSizes, Styles } from '../types';
+import { colors } from '../utils/colors';
import { constants } from '../utils/constants';
const headerSizeToScrollOffset: { [headerSize: string]: number } = {
@@ -27,7 +28,7 @@ const styles: Styles = {
cursor: 'pointer',
},
h1: {
- fontSize: '1.8em',
+ fontSize: '30px',
},
h2: {
fontSize: '1.5em',
@@ -63,7 +64,7 @@ export class AnchorTitle extends React.Component<AnchorTitleProps, AnchorTitleSt
} as any
}
>
- <div className="inline-block" style={{ paddingRight: 4 }}>
+ <div className="inline-block" style={{ paddingRight: 4, color: colors.darkestGrey }}>
{this.props.title}
</div>
<ScrollLink