@instructure/quiz-interactions/src/components/multiple_answer/Result/styles.js

A React UI component Library for quiz interaction types.

const generateStyle = componentTheme => {
  return {
    radioWrapper: {
      paddingTop: componentTheme.radioWrapperPadding,
    },
    noResponseWrapper: {
      marginTop: componentTheme.noResponseWrapperMargin,
    },
    responseWrapper: {
      width: '100%',
      marginTop: componentTheme.responseMarginTop,
    },
    answerFeedbackWrapper: {
      marginTop: componentTheme.answerFeedbackMarginTop,
      marginRight: componentTheme.answerFeedbackMarginRight,
      padding: componentTheme.answerFeedbackPadding,
      border: `1px solid ${componentTheme.answerFeedbackBorderColor}`,
      borderLeft: `4px solid ${componentTheme.answerFeedbackBorderLeft}`,
      borderRadius: componentTheme.answerFeedbackBorderRadius,
      boxShadow: '0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1)',
    },
  }
}

export default generateStyle