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

A React UI component Library for quiz interaction types.

const generateStyle = (componentTheme, props) => {
  return {
    stem: {
      display: 'flex',
      flexWrap: 'wrap',
      alignItems: 'center',
      fontSize: componentTheme.stemFontSize,
    },
    root: {
      margin: `0 ${componentTheme.rootMargin}`,
      paddingTop: componentTheme.rootPadding,
    },
    feedbackWrapper: {
      margin: `0 ${componentTheme.feedbackWrapperMargin}`,
    },
    blank: {
      ...(!props.richFITB && {
        display: 'flex',
        alignItems: 'center',
        margin: `0 ${componentTheme.feedbackWrapperMargin}`,
      }),
      ...(props.richFITB && {
        display: 'inline-block',
      }),
    },
    incorrectFeedbackWrapper: {
      paddingTop: componentTheme.incorrectFeedbackWrapperPadding,
    },
    userResponse: {
      paddingRight: componentTheme.userResponsePadding,
      whiteSpace: 'pre-wrap',
    },
  }
}

export default generateStyle