@ddsys/material
Version:
<p> <a href="https://bhp-dev.gitlab.io/dds-digital-design-system/">Read the docs</a> · <a href="mailto:UserExperience@bhpbilliton.com">Request feature</a> </p>
24 lines (21 loc) • 542 B
JavaScript
import Color from "color";
export default function(theme) {
const { colors, variables } = theme;
const { common } = variables;
return {
style: {
border: `1px solid ${Color(colors.gray_900)
.alpha(0.2)
.string()}`,
padding: `${common.spacing * 0.75}rem ${common.spacing * 1.25}rem`,
marginBottom: "-1px"
},
active: {
color: colors.black,
backgroundColor: colors.list_group_active_bg,
borderColor: Color(colors.gray_900)
.alpha(0.2)
.string()
}
};
}