@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
57 lines (56 loc) • 1.87 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, ")");
return {
categoriesWrapper: {
paddingBottom: componentTheme.categoriesWrapperPadding,
borderBottom: "".concat(componentTheme.borderWidth, " solid ").concat(componentTheme.borderColor)
},
categoriesContainer: {
display: 'flex',
flexFlow: 'row wrap',
position: 'relative',
paddingBottom: componentTheme.categoriesContainerPadding
},
categoryContainer: (0, _defineProperty2["default"])({
flexBasis: '50%'
}, mq, {
flexBasis: '100%'
}),
categoryContainerWrapper: {
paddingRight: componentTheme.categoryContainerWrapperPadding
},
categoryBody: {
border: "".concat(componentTheme.borderWidth, " solid ").concat(componentTheme.borderColor)
},
categoryBodyDescriptionInput: {
padding: componentTheme.categoryDescriptionInputPadding,
backgroundColor: componentTheme.categoryDescriptionBackground
},
categoryBodyAnswers: {
padding: componentTheme.categoryBodyAnswersPadding
},
itemContainer: {
display: 'flex',
alignItems: 'flex-start',
paddingTop: componentTheme.itemContainerPadding
},
itemContainerBody: {
flex: 1,
display: 'flex',
alignItems: 'center',
padding: componentTheme.itemContainerBodyPadding
},
itemContainerActions: {
display: 'flex'
}
};
};
var _default = exports["default"] = generateStyle;