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

A React UI component Library for quiz interaction types.

const generateStyle = (componentTheme, props) => {
  return {
    holder: {
      display: 'flex',
    },
    topLabel: {
      paddingTop: componentTheme.bottomLabelPadding,
    },
    bottomLabel: {
      paddingTop: componentTheme.bottomLabelPadding,
    },
    choicesWrapper: {
      flexBasis: '25rem',
      marginTop: componentTheme.choicesWrapperMargin,
      ...(props.properties.displayAnswersParagraph && {
        display: 'flex',
        flexWrap: 'wrap',
        flexDirection: 'column',
      }),
    },
    feedbackWrapper: {
      marginLeft: componentTheme.feedbackWrapperMargin,
      marginBottom: componentTheme.feedbackWrapperMarginBottom,
    },
    userResponse: {
      minWidth: '5rem',
    },
  }
}

export default generateStyle