@instructure/quiz-grading
Version:
The Quiz React SDK by Instructure Inc.
64 lines (62 loc) • 1.36 kB
JavaScript
const generateStyle = componentTheme => {
const mp = '@media print'
return {
editFeedback: {
margin: `0 ${componentTheme.editFeedbackMargin}`,
},
editFeedbackButtons: {
display: 'flex',
justifyContent: 'flex-end',
},
points: {
width: componentTheme.pointsWidth,
padding: componentTheme.pointsPadding,
margin: componentTheme.pointsMargin,
},
pointsSection: {
flex: '1 1 auto',
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
padding: `0 ${componentTheme.pointsSectionPadding}`,
},
regradeParent: {
display: 'flex',
alignItems: 'center',
},
originalScore: {
display: 'flex',
alignItems: 'center',
},
regradetext: {
display: 'flex',
alignItems: 'center',
},
divider: {
margin: componentTheme.dividerMargin,
},
defaultNumberInput: {
display: 'flex',
alignItems: 'center',
},
pointsPossible: {
marginLeft: componentTheme.pointsPossibleMargin,
},
subjectiveButtonsWrapper: {
[mp]: {
display: 'none',
},
},
feedbackButtonWrapper: {
[mp]: {
display: 'none',
},
},
regradeButtonWrapper: {
[mp]: {
display: 'none',
},
},
}
}
export default generateStyle