@ddsys/material/src/styles/listGroup.js

<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>

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()
    }
  };
}