@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
37 lines (35 loc) • 822 B
JavaScript
const generateStyle = componentTheme => {
const mq = '@media print'
return {
stemWrapper: {
flex: '20 20 auto',
marginBottom: componentTheme.stemWrapperMarginBottom,
marginLeft: componentTheme.stemWrapperMarginLeft,
display: 'flex',
flexWrap: 'wrap',
alignItems: 'center',
},
stemItem: {
alignItems: 'center',
margin: componentTheme.stemItemMargin,
fontSize: componentTheme.stemItemFontSize,
display: 'flex',
},
selectPlaceholder: {
color: componentTheme.selectPlaceholderColor,
},
noPrintBlank: {
display: 'inline-block',
[mq]: {
display: 'none',
},
},
printBlank: {
display: 'none',
[mq]: {
display: 'inline-block',
},
},
}
}
export default generateStyle