@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
35 lines (33 loc) • 1.06 kB
JavaScript
const generateStyle = (componentTheme, props) => {
const mq = '@media print'
return {
wordbankWrapper: {
...(props.blanks.find(blank => blank.answerType === 'wordbank') && {
display: 'flex',
flexWrap: 'wrap',
border: `${componentTheme.wordbankWrapperBorder} solid ${componentTheme.wordbankWrapperBorderColor}`,
borderRadius: componentTheme.wordbankWrapperBorderRadius,
backgroundColor: componentTheme.wordbankWrapperColor,
minHeight: '60px',
'> div': {
display: 'flex',
margin: componentTheme.wordbankWrapperMargin,
},
}),
},
print: {
[mq]: {
display: 'flex',
flexWrap: 'wrap',
border: `${componentTheme.printBorder} solid ${componentTheme.printBorderColor}`,
borderRadius: componentTheme.printBorderRadius,
backgroundColor: componentTheme.printColor,
minHeight: '60px',
'> div': {
margin: componentTheme.printMargin,
},
},
},
}
}
export default generateStyle