@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
25 lines (23 loc) • 747 B
JavaScript
const generateStyle = componentTheme => {
return {
userResponse: {
width: '100%',
boxSizing: 'border-box',
padding: componentTheme.userResponsePadding,
margin: '0 0',
fontSize: componentTheme.userResponseFontSize,
fontFamily: componentTheme.userResponseFontFamily,
wordWrap: 'break-word',
overflow: 'auto',
},
gradingNotesWrapper: {
marginTop: componentTheme.gradingNotesWrapperMargin,
padding: componentTheme.gradingNotesWrapperPadding,
backgroundColor: componentTheme.gradingNotesWrapperColor,
borderRadius: componentTheme.gradingNotesWrapperBorderRadius,
wordWrap: 'break-word',
whiteSpace: 'pre-wrap',
},
}
}
export default generateStyle