mirror of
https://github.com/Redocly/redoc.git
synced 2024-11-25 18:13:44 +03:00
fix: fix broken css after installing polished
This commit is contained in:
parent
1df690a964
commit
6018042180
|
@ -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`
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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 &&
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user