diff options
author | August Skare <post@augustskare.no> | 2018-10-22 14:52:21 +0800 |
---|---|---|
committer | August Skare <post@augustskare.no> | 2018-10-22 14:52:21 +0800 |
commit | 6c39d498c2ec10377c84a6c7a830460ef2266c46 (patch) | |
tree | 2da7882839cdfc4c09d269852b3754a38d48633f /packages/dev-tools-pages/ts/components/Code.tsx | |
parent | cacb8acf763ea0dc33af6925d8aeaa51f1006963 (diff) | |
download | dexon-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.tsx | 16 |
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` |