@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
43 lines (42 loc) • 1.31 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 printMq = '@media print';
return {
itemsList: {
paddingTop: componentTheme.itemsListPadding
},
item: {
display: 'flex',
alignItems: 'center',
'> *': {
flex: '0 1 100%',
padding: componentTheme.itemPadding
}
},
question: {
backgroundColor: componentTheme.questionColor,
border: "".concat(componentTheme.questionBorder, " solid ").concat(componentTheme.questionBorderColor)
},
answer: {
paddingLeft: 0,
minWidth: 0 /* https://css-tricks.com/flexbox-truncated-text/ for why this is needed */
},
divider: {
padding: '0',
flexShrink: '1.3',
borderBottom: "".concat(componentTheme.dividerBorder, " solid ").concat(componentTheme.dividerBorderColor)
},
choicesList: (0, _defineProperty2["default"])({
display: 'none'
}, printMq, {
display: 'block'
})
};
};
var _default = exports["default"] = generateStyle;