fix: fix broken css after installing polished

This commit is contained in:
Roman Hotsiy 2018-03-16 23:56:53 +02:00
parent 1df690a964
commit 6018042180
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
4 changed files with 8 additions and 8 deletions

View File

@ -6,7 +6,7 @@ export const PropertiesTableCaption = styled.caption`
text-align: right; text-align: right;
font-size: 0.9em; font-size: 0.9em;
font-weight: normal; font-weight: normal;
color: ${props => transparentize(0.4, props.theme.colors.text)}; color: ${props => transparentize(0.6, props.theme.colors.text)};
`; `;
export const PropertyCell = styled.td` export const PropertyCell = styled.td`

View File

@ -55,13 +55,13 @@ export const PatternLabel = styled(FieldLabel)`
export const ExampleValue = styled.span` export const ExampleValue = styled.span`
font-family: ${props => props.theme.code.fontFamily}; font-family: ${props => props.theme.code.fontFamily};
background-color: ${props => transparentize(0.02, props.theme.colors.text)}; background-color: ${props => transparentize(0.98, props.theme.colors.text)};
border: 1px solid ${props => transparentize(0.15, props.theme.colors.text)}; border: 1px solid ${props => transparentize(0.85, props.theme.colors.text)};
margin: 0 3px; margin: 0 3px;
padding: 0.4em 0.2em 0.2em; padding: 0.4em 0.2em 0.2em;
font-size: 0.8em; font-size: 0.8em;
border-radius: 2px; border-radius: 2px;
color: ${props => transparentize(0.9, props.theme.colors.text)}; color: ${props => transparentize(0.1, props.theme.colors.text)};
display: inline-block; display: inline-block;
min-width: 20px; min-width: 20px;
text-align: center; text-align: center;
@ -70,8 +70,8 @@ export const ExampleValue = styled.span`
`; `;
export const ConstraintItem = styled(FieldLabel)` export const ConstraintItem = styled(FieldLabel)`
background-color: ${props => transparentize(0.15, props.theme.colors.main)}; background-color: ${props => transparentize(0.85, props.theme.colors.main)};
color: ${props => transparentize(0.6, props.theme.colors.main)}; color: ${props => transparentize(0.4, props.theme.colors.main)};
margin-right: 6px; margin-right: 6px;
margin-left: 6px; margin-left: 6px;
border-radius: 2px; border-radius: 2px;

View File

@ -13,7 +13,7 @@ export const StyledResponseTitle = styled(ResponseTitle)`
cursor: pointer; cursor: pointer;
color: ${props => props.theme.colors[props.type]}; color: ${props => props.theme.colors[props.type]};
background-color: ${props => transparentize(0.08, props.theme.colors[props.type])}; background-color: ${props => transparentize(0.92, props.theme.colors[props.type])};
${props => ${props =>
(props.empty && (props.empty &&

View File

@ -8,7 +8,7 @@ import { SecurityRequirementModel } from '../../services/models/SecurityRequirem
const ScopeName = styled.code` const ScopeName = styled.code`
font-size: ${props => props.theme.code.fontSize}; font-size: ${props => props.theme.code.fontSize};
font-family: ${props => props.theme.code.fontFamily}; font-family: ${props => props.theme.code.fontFamily};
border: 1px solid ${props => transparentize(0.15, props.theme.colors.text)}; border: 1px solid ${props => transparentize(0.85, props.theme.colors.text)};
margin: 0 3px; margin: 0 3px;
padding: 0.2em; padding: 0.2em;
display: inline-block; display: inline-block;