@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
31 lines (29 loc) • 743 B
JavaScript
const generateStyle = componentTheme => {
return {
question: {
width: '100%',
padding: `${componentTheme.questionPaddingTop} ${componentTheme.questionPaddingSide} ${componentTheme.questionPaddingBottom}`,
boxSizing: 'border-box',
cursor: 'pointer',
},
headerSection: {
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
},
questionPosition: {
flex: '1 1 0',
alignItems: 'center',
fontSize: '1.4rem',
color: componentTheme.questionPositionColor,
},
points: {
display: 'flex',
flex: '2 2 auto',
justifyContent: 'flex-end',
alignItems: 'center',
paddingRight: '5px',
},
}
}
export default generateStyle