chore: minor css improvements

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

View File

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