diff options
author | Fabio Berger <me@fabioberger.com> | 2018-03-03 12:46:12 +0800 |
---|---|---|
committer | Fabio Berger <me@fabioberger.com> | 2018-03-03 12:46:12 +0800 |
commit | 212d680a477917817138790560d88d06cea5ec6f (patch) | |
tree | 93f15ba9ad448d9390db38b76c601ac41e4f4eeb /packages/website/ts/pages/shared/section_header.tsx | |
parent | a853e35dec719ec531619dd25332754de33d7dc0 (diff) | |
download | dexon-sol-tools-212d680a477917817138790560d88d06cea5ec6f.tar dexon-sol-tools-212d680a477917817138790560d88d06cea5ec6f.tar.gz dexon-sol-tools-212d680a477917817138790560d88d06cea5ec6f.tar.bz2 dexon-sol-tools-212d680a477917817138790560d88d06cea5ec6f.tar.lz dexon-sol-tools-212d680a477917817138790560d88d06cea5ec6f.tar.xz dexon-sol-tools-212d680a477917817138790560d88d06cea5ec6f.tar.zst dexon-sol-tools-212d680a477917817138790560d88d06cea5ec6f.zip |
Small stylistic improvements
Diffstat (limited to 'packages/website/ts/pages/shared/section_header.tsx')
-rw-r--r-- | packages/website/ts/pages/shared/section_header.tsx | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/packages/website/ts/pages/shared/section_header.tsx b/packages/website/ts/pages/shared/section_header.tsx index a5f5f52cf..52a1f30d9 100644 --- a/packages/website/ts/pages/shared/section_header.tsx +++ b/packages/website/ts/pages/shared/section_header.tsx @@ -2,6 +2,7 @@ import * as React from 'react'; import { Element as ScrollElement } from 'react-scroll'; import { AnchorTitle } from 'ts/pages/shared/anchor_title'; import { HeaderSizes } from 'ts/types'; +import { colors } from 'ts/utils/colors'; import { utils } from 'ts/utils/utils'; interface SectionHeaderProps { @@ -34,7 +35,19 @@ export class SectionHeader extends React.Component<SectionHeaderProps, SectionHe <ScrollElement name={id}> <AnchorTitle headerSize={this.props.headerSize} - title={<span style={{ textTransform: 'capitalize' }}>{sectionName}</span>} + title={ + <span + style={{ + textTransform: 'uppercase', + color: colors.grey, + fontFamily: 'Roboto Mono', + fontWeight: 300, + fontSize: 27, + }} + > + {sectionName} + </span> + } id={id} shouldShowAnchor={this.state.shouldShowAnchor} /> |