@instructure/quiz-interactions/src/components/multiple_choice/Take/styles.js

A React UI component Library for quiz interaction types.

const generateStyle = componentTheme => {
  return {
    itemBody: {
      marginLeft: componentTheme.itemBodyMargin,
      overflowWrap: 'anywhere',
      wordBreak: 'break-word',
    },
    itemDescription: {
      fontSize: componentTheme.itemBodyFontSize,
      fontWeight: componentTheme.itemBodyFontWeight,
      overflowWrap: 'anywhere',
    },
    labelWrapper: {
      display: 'flex',
      justifyContent: 'space-between',
    },
    // Fix for responsive iframe embeds in answer options (QUIZ-17667)
    // InstUI RadioInput labels have min-width constraint that collapses aspect-ratio wrapper divs
    // Broad selector intentional: targets all divs to ensure proper expansion of aspect-ratio wrappers
    // Tested to work without causing unintended layout side effects
    fs_mask: {
      '& div': {
        minWidth: '100%',
      },
    },
  }
}

export default generateStyle