aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Code.tsx
diff options
context:
space:
mode:
authorAugust Skare <post@augustskare.no>2018-10-22 14:52:21 +0800
committerAugust Skare <post@augustskare.no>2018-10-22 14:52:21 +0800
commit6c39d498c2ec10377c84a6c7a830460ef2266c46 (patch)
tree2da7882839cdfc4c09d269852b3754a38d48633f /packages/dev-tools-pages/ts/components/Code.tsx
parentcacb8acf763ea0dc33af6925d8aeaa51f1006963 (diff)
downloaddexon-sol-tools-6c39d498c2ec10377c84a6c7a830460ef2266c46.tar
dexon-sol-tools-6c39d498c2ec10377c84a6c7a830460ef2266c46.tar.gz
dexon-sol-tools-6c39d498c2ec10377c84a6c7a830460ef2266c46.tar.bz2
dexon-sol-tools-6c39d498c2ec10377c84a6c7a830460ef2266c46.tar.lz
dexon-sol-tools-6c39d498c2ec10377c84a6c7a830460ef2266c46.tar.xz
dexon-sol-tools-6c39d498c2ec10377c84a6c7a830460ef2266c46.tar.zst
dexon-sol-tools-6c39d498c2ec10377c84a6c7a830460ef2266c46.zip
code fontsize on small screens
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Code.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/Code.tsx16
1 files changed, 8 insertions, 8 deletions
diff --git a/packages/dev-tools-pages/ts/components/Code.tsx b/packages/dev-tools-pages/ts/components/Code.tsx
index 72b3e1af7..63c9d369b 100644
--- a/packages/dev-tools-pages/ts/components/Code.tsx
+++ b/packages/dev-tools-pages/ts/components/Code.tsx
@@ -1,7 +1,7 @@
import * as React from 'react';
import styled from 'styled-components';
-import { colors } from '../variables';
+import { colors } from '../variables';
import BaseButton from './Button';
interface CodeProps {
@@ -26,13 +26,13 @@ const Base =
styled.div <
CodeProps >
`
- color: ${props => (props.language === undefined ? colors.white : 'inherit')};
- background-color: ${props => (props.language === undefined ? colors.black : colors.lightGray)};
- white-space: ${props => (props.language === undefined ? 'nowrap' : '')};
- position: relative;
- &:hover ${Button} {
- opacity: 1;
- }
+ color: ${props => (props.language === undefined ? colors.white : 'inherit')};
+ background-color: ${props => (props.language === undefined ? colors.black : colors.lightGray)};
+ white-space: ${props => (props.language === undefined ? 'nowrap' : '')};
+ position: relative;
+ &:hover ${Button} {
+ opacity: 1;
+ }
`;
const StyledCode = styled.code`