@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
22 lines (20 loc) • 782 B
JavaScript
const generateComponentTheme = ({colors, spacing, borders}) => {
return {
mainContainerBackground: colors.contrasts.grey1111,
mainContainerMargin: spacing.xSmall,
mainContainerPadding: spacing.xSmall,
bodyBackground: colors.contrasts.white1010,
bodyPadding: spacing.xSmall,
bodyMargin: spacing.xSmall,
bodyBorderRadius: borders.radiusMedium,
feedbackWrapperMargin: spacing.xSmall,
feedbackWrapperPadding: spacing.xSmall,
unansweredMargin: spacing.xSmall,
userResponseBackground: colors.contrasts.white1010,
userResponsePadding: spacing.xSmall,
noChoicesMargin: spacing.xSmall,
categoryBodyBorderColor: colors.contrasts.grey1214,
categoryBodyBorderWidth: borders.radiusSmall,
}
}
export default generateComponentTheme