How to use the styled-config.getColor function in styled-config
To help you get started, we’ve selected a few styled-config examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
aichbauer / styled-bootstrap-components / packages / styled-form-component / src / components / FormText.js View on Github 
const color = (props) => (
props.muted &&
css`
color: ${getColor(props, 'formText', 'colorMuted')};
`
);const color = (props) => (
props.disabled &&
css`
color: ${getColor(props, 'formCheckInput', 'colorDisabled')};
& + label {
color: ${getColor(props, 'formCheckInput', 'colorDisabledLabel')};
};
`
);const backgroundColor = (props) => (
css`
background-color: ${getColor(props, 'navbar', 'backgroundColor')} !important;
`
);const buttonToggler = (props) => (
css`
color: ${getColor(props, 'button', 'toggle', 'color')};
border-color: ${getColor(props, 'button', 'toggle', 'borderColor')};
&:hover, &:focus {
color: ${getColor(props, 'button', 'toggle', 'color')};
border-color: ${getColor(props, 'button', 'toggle', 'borderColor')};
}
`
);const borderColor = (props) => (
css`
border-color: ${getColor(props, 'navbar', 'borderColor')};
`
);const color = (props) => (
css`
color: ${getColor(props, 'navbar', 'color')};
`
);const buttonToggler = (props) => (
css`
color: ${getColor(props, 'button', 'toggle', 'color')};
border-color: ${getColor(props, 'button', 'toggle', 'borderColor')};
&:hover, &:focus {
color: ${getColor(props, 'button', 'toggle', 'color')};
border-color: ${getColor(props, 'button', 'toggle', 'borderColor')};
}
`
);const tooltipArrowTop = (props) => (
props.top &&
css`
bottom: 0;
width: 100%;
&::before {
top: 0.4rem;
left: calc(50% - 0.35rem);
border-width: 0.4rem 0.4rem 0;
border-top-color: ${getColor(props, 'tooltipArrow', 'borderColor')};
}
`
); color: ${(props) => getColor(props, 'breadcrumbItem', 'color')};
content: "/"; color: ${(props) => getColor(props, 'tooltipInner', 'color')};
text-align: center;styled-config
The configuration for styled-bootstrap-components
