@instructure/quiz-grading
Version:
The Quiz React SDK by Instructure Inc.
34 lines (32 loc) • 870 B
JavaScript
const generateStyle = (componentTheme, props) => {
const mp = '@media print'
return {
root: {
paddingBottom: componentTheme.rootPadding,
flex: '1 1 auto',
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center',
...(props.gradeByQuestionEnabled &&
props.activeItemId === props.sessionItem.itemRecord.id && {
boxSizing: 'border-box',
borderLeft: `${componentTheme.activeBarSize} solid ${componentTheme.activeBarColor}`,
}),
[mp]: {
breakInside: 'avoid',
},
},
active: {
boxSizing: 'border-box',
borderLeft: `${componentTheme.activeBarSize} solid ${componentTheme.activeBarColor}`,
},
result: {
width: '100%',
},
gradingBar: {
width: '100%',
},
}
}
export default generateStyle