Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2024-11-14 04:46:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: minor css improvements

Browse Source
This commit is contained in:
Roman Hotsiy 2018-07-19 17:12:31 +03:00
parent 8c9304a719
commit cbfc226fa9
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/common-elements/fields.ts
View File

@ -66,25 +66,31 @@ export const PatternLabel = FieldLabel.extend`
export const ExampleValue = FieldLabel.extend` export const ExampleValue = FieldLabel.extend`
border-radius: 2px; border-radius: 2px;
${({ theme }) => ` ${({ theme }) => `
background-color: ${transparentize(0.85, theme.colors.text.primary)}; background-color: ${transparentize(0.95, theme.colors.text.primary)};
color: ${transparentize(0.1, theme.colors.text.primary)}; color: ${transparentize(0.1, theme.colors.text.primary)};
margin-left: ${theme.spacing.unit}px; margin: ${theme.spacing.unit}px;
padding: 0 ${theme.spacing.unit}px; padding: 0 ${theme.spacing.unit}px;
border: 1px solid ${transparentize(0.9, theme.colors.text.primary)}; border: 1px solid ${transparentize(0.9, theme.colors.text.primary)};
}`}; }`};
& + & {
margin-left: 0;
}
${extensionsHook('ExampleValue')}; ${extensionsHook('ExampleValue')};
`; `;
export const ConstraintItem = FieldLabel.extend` export const ConstraintItem = FieldLabel.extend`
border-radius: 2px; border-radius: 2px;
${({ theme }) => ` ${({ theme }) => `
background-color: ${transparentize(0.85, theme.colors.primary.light)}; background-color: ${transparentize(0.95, theme.colors.primary.light)};
color: ${transparentize(0.1, theme.colors.primary.light)}; color: ${transparentize(0.1, theme.colors.primary.main)};
margin-left: 0 ${theme.spacing.unit}px; margin: 0 ${theme.spacing.unit}px;
padding: 0 ${theme.spacing.unit}px; padding: 0 ${theme.spacing.unit}px;
border: 1px solid ${transparentize(0.9, theme.colors.primary.light)}; border: 1px solid ${transparentize(0.9, theme.colors.primary.main)};
}`}; }`};
& + & {
margin-left: 0;
}
${extensionsHook('ConstraintItem')}; ${extensionsHook('ConstraintItem')};
`; `;