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

A React UI component Library for quiz interaction types.

var generateStyle = function(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;