@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
59 lines (58 loc) • 2.07 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var generateStyle = function generateStyle(componentTheme) {
var msMaxWidth = 'max-width: 48rem';
var mq = "@media only screen and (".concat(msMaxWidth, ")");
var mp = '@media print';
return {
mainContainer: {
display: 'flex',
flexDirection: 'column',
margin: "0 ".concat(componentTheme.mainContainerMargin, " ").concat(componentTheme.mainContainerMargin, " 0"),
padding: componentTheme.mainContainerPadding,
backgroundColor: componentTheme.mainContainerBackground
},
categoryBody: (0, _defineProperty2["default"])({
width: '100%',
display: 'flex',
flexWrap: 'wrap',
backgroundColor: componentTheme.bodyBackground,
padding: "".concat(componentTheme.bodyPadding, " 0"),
marginTop: componentTheme.bodyMargin,
borderRadius: componentTheme.bodyBorderRadius
}, mp, {
border: "".concat(componentTheme.categoryBodyBorderWidth, " solid ").concat(componentTheme.categoryBodyBorderColor)
}),
answersContainer: {
display: 'flex',
flexWrap: 'wrap'
},
feedbackWrapper: (0, _defineProperty2["default"])({
marginTop: componentTheme.feedbackWrapperMargin,
padding: "0 ".concat(componentTheme.feedbackWrapperPadding)
}, mq, {
flexBasis: '100%'
}),
unanswered: (0, _defineProperty2["default"])({
marginRight: componentTheme.unansweredMargin
}, mq, {
flexBasis: '100%'
}),
userResponse: {
backgroundColor: componentTheme.userResponseBackground,
paddingRight: componentTheme.userResponsePadding,
minWidth: '5rem'
},
noChoicesText: {
width: '100%',
margin: componentTheme.noChoicesMargin,
textAlign: 'center'
}
};
};
var _default = exports["default"] = generateStyle;