@instructure/quiz-interactions/src/components/categorization/common/Pill/styles.js

A React UI component Library for quiz interaction types.

const generateStyle = componentTheme => {
  return {
    choice: {
      display: 'flex',
      alignItems: 'center',
      padding: componentTheme.padding,
      border: `${componentTheme.borderWidth} solid ${componentTheme.borderColor}`,
      borderRadius: componentTheme.borderRadius,
      backgroundColor: componentTheme.backgroundColor,

      choiceActions: {
        display: 'flex',
      },

      choiceBody: {
        paddingLeft: componentTheme.bodyPaddingLeft,
        paddingRight: componentTheme.bodyPaddingRight,
      },
    },
    actionsContentIconWrapper: {
      display: 'flex',
      padding: `0 ${componentTheme.actionIconPadding}`,
    },
  }
}

export default generateStyle