diff options
author | Fabio B <kandinsky454@protonmail.ch> | 2019-01-09 23:22:59 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-01-09 23:22:59 +0800 |
commit | 08d0ff48c3bfdb6277d9b80169bdb66f75e55fbb (patch) | |
tree | c2def4f4295f3bf5d61ceef51aa659feb73ef814 /packages/dev-tools-pages/ts/components/inline-code.tsx | |
parent | aa5af04447dfae24731557c6beead55bd8ff99a9 (diff) | |
parent | 39786c3ad53c1579c4f22bd19f519589b9646287 (diff) | |
download | dexon-sol-tools-08d0ff48c3bfdb6277d9b80169bdb66f75e55fbb.tar dexon-sol-tools-08d0ff48c3bfdb6277d9b80169bdb66f75e55fbb.tar.gz dexon-sol-tools-08d0ff48c3bfdb6277d9b80169bdb66f75e55fbb.tar.bz2 dexon-sol-tools-08d0ff48c3bfdb6277d9b80169bdb66f75e55fbb.tar.lz dexon-sol-tools-08d0ff48c3bfdb6277d9b80169bdb66f75e55fbb.tar.xz dexon-sol-tools-08d0ff48c3bfdb6277d9b80169bdb66f75e55fbb.tar.zst dexon-sol-tools-08d0ff48c3bfdb6277d9b80169bdb66f75e55fbb.zip |
Merge pull request #1249 from bakkenbaeck/dev-tools-pages
Dev tools pages
Diffstat (limited to 'packages/dev-tools-pages/ts/components/inline-code.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/inline-code.tsx | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/inline-code.tsx b/packages/dev-tools-pages/ts/components/inline-code.tsx new file mode 100644 index 000000000..561666b0f --- /dev/null +++ b/packages/dev-tools-pages/ts/components/inline-code.tsx @@ -0,0 +1,20 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +import { colors } from '../variables'; + +interface InlineCodeProps { + isAlt?: boolean; + children: React.ReactNode; +} + +const Code: React.StatelessComponent<InlineCodeProps> = ({ isAlt, children, ...props }) => ( + <code {...props}>{children}</code> +); + +const InlineCode = styled(Code)` + background-color: ${props => (props.isAlt ? '#E5E8E9' : colors.blueGray)}; + padding: 0.3125rem; +`; + +export { InlineCode }; |